A responsive grid with fewer breakpoints
Let the available space decide the number of columns, then use media queries for the exceptions.
The notebook / CSS
CSS, one useful piece at a time
Make layouts flexible, text comfortable, and keyboard navigation visible.
3 min read
Make the text comfortable first
Line length, line height, and spacing do more for a reading page than a long list of fonts.
Focus states belong in the design
Make keyboard navigation visible without making every mouse click look like an error.