/css/ - CSS Masters

margins on the last-child are such a nightmare headache to maintain. i only reverted to them when dealing w/ legacy browser support for rly old versions of safari.

>>2155
had a huge mess on a dashboard project last month because some junior added a new card to the top of the list and it broke the whole alignment with margins. once i switched to gap everything just worked without me having to hunt down every single child element. its such a massive lifesaver when you cant control what goes into the container.

>>2155
>it makes the entire layout much easier to maintain when you accidentally add extra child elements

gap is fine for simple stuff but it gets annoying when you need different spacing between specific items. i usually just use a utility class for margin-bottom: 2rem; and margin-top: 1rem; on the odd element to break up the rhythm. works better than trying to override a global gap setting every time the design changes.