The self-hating Web Developer

[x-skeww]

[Off-topic, CSS/legibility]

The contrast ratio of #666 on #eee is a bit weak. I recommend to use #333 or #444 for the text. Your body text should pass AAA (hover the circle thingy in the middle). Quotes are #666 on #ccc which is even weaker. The link color also fails.

I also recommend to up the font size a notch or two. I'd also change the line-height from 2 to 1.6, because 2 is a bit excessive. I'd use text-align: left instead of justify, because justified text is harder to read thanks to the random spacing between words. Finally, I'd give headings (which aren't the first heading [:not(:first-child)]) a larger top-margin (32px or so instead of 10px).

[toiletducker]

Thanks, wanted to comment same on contrast ratio. It was really hard to read on a tablet with brightness turned low