Foundation
Breakpoint
Mobile-first 5단계.
컴포넌트는 모바일 디폴트로 작성, md: 이상에서 데스크톱 변형. 그 이하 화면은 자동으로 모바일 layout.
var(--breakpoint-md) · md:flex · @media (min-width: 768px)
Sizes
sm640px큰 모바일·세로 태블릿md768px태블릿lg1024px작은 데스크톱xl1280px데스크톱 기본2xl1536px와이드 모니터