I made changes for quote and bullet points. Here are two screenshots of old styles:

old quote style

old bullet point style


Now the quote looks like this.

And the list looks like
  • Item 1
  • Item 2
    • Subitem
  • Item 3
I used to like the old ones, I felt all content should fit into the box, never gone out. I have JavaScript code to re-size images whose width (with image border) isn't 640px. If it's larger, it makes the image smaller; even if it's smaller, it re-sizes it to be 640 pixel in width. I want to keep the edge sharp. But I realized that this wouldn't be a good idea for screenshots, so I allow screenshots to be what they are.

Then, I started to embed YouTube videos which is wider than 640px. Things started to get out of control. Originally, the post title is only ones can be wider because seeing title wraps, that's just so weird. Now, you can see waves at two sides of content box.

Recently, I feel this new style is better. It's not because those images or YouTube videos. I like those bullet points and the quotation marks stay on margin. Maybe this way, they (the real content) are fit into the box, align the edges?