Kyle Shevlin • 6/23/2025

Prefer Gaps To Margins

This article advocates for using CSS Flexbox and Grid 'gap' properties instead of margins for spacing elements. It explains the conceptual difference: margins are a child-to-sibling strategy, while gaps are a parent-to-children strategy. The author details why they dislike margins, citing issues with manual class management, code complexity when dynamically rendering lists, and difficulty in responsive design changes, and provides code examples to demonstrate cleaner, more maintainable solutions using gaps.

0 comments

#css #flexbox #grid