Flexbox 레이아웃을 만들 때,아이템 사이 간격을 주려고 margin-right, margin-bottom… 복잡하게 썼던 경험 있죠?이젠 그럴 필요 없어요!gap 속성 하나면 모든 아이템 간 간격을 한 번에 정리할 수 있어요! ✅ 기본 문법.container { display: flex; gap: 20px;} gap은 아이템 사이의 공간만 설정해주는 속성이에요.바깥쪽 여백은 적용되지 않고,첫 요소와 마지막 요소 바깥은 건드리지 않아요! 📐 두 가지 버전으로 쓸 수 있어요gap: 20px; /* row + column 모두 20px */gap: 20px 10px; /* row 간격 20px, column 간격 10px */💡 Flexbox에선 주로 gap: 20px 단일값으로 ..
