바깥 여백 (마진)
Margin
상자와 상자 사이를 띄우는 바깥쪽 빈 공간이에요.
💡 줄 서 있는 사람들 사이의 간격이에요.
👆 직접 눌러 보기
진짜로 동작해요. 눌러 보고 움직여 보세요.
카드 1
카드 2
카드 3
CSSgap: 12px;
🤖 AI에게 이렇게 말해 보세요
섹션과 섹션 사이 바깥 여백(Margin)을 120px로 넓혀서 숨 쉴 틈을 줘. 카드 사이 간격(gap)은 24px로 해 줘.
핵심은 ‘Margin’라는 단어예요. 이 단어를 넣으면 AI가 훨씬 정확하게 알아들어요.
📌 알아 두면 좋아요
여러 개가 나란히 있을 때 그 사이 간격은 'gap'이라고 하면 AI가 더 깔끔하게 만들어요.
이럴 때 써요
- 섹션끼리, 카드끼리 너무 붙어 있을 때
이렇게도 불러요: 바깥 여백, 간격, 사이 띄우기, gap, 마진, 공백, 띄어쓰기