On CSS

"pixel perfect" is dumb. Web pages are stretchy. Use min and max, and let the browser work it out.

Margins collapse. Padding adds.

Container queries are swag af. They allow you to tune layouts more finely than before.

Tailwind Specific

It's fast to play with designs, and you know you aren't fucking up the rest of the site by changing global CSS. Just doing combinations of static utility classes.

Tailwind sets useful media queries.

Design all layouts for a component at the same time, from smallest screen to biggest screen.

Build everything in one page and then abstract into components once the patterns become obvious.

Use margin for fine-tuning specific content, like text or logos. First use gap, space-x, etc.

@apply to use Tailwind classes in .css files.

New coloured shadows are cool.