그리드 계산기

알아두기

• 그리드 시스템은 콘텐츠를 일정한 규칙으로 배치하여 가독성과 시각적 통일감을 만드는 레이아웃 기법입니다.
• 12 컬럼 그리드는 웹 디자인의 표준으로 Bootstrap, Tailwind CSS 등 주요 프레임워크가 채택하고 있습니다.
• 거터(Gutter) 너비는 전체 레이아웃 폭의 약 4–6%로 설정하는 것이 균형감 있는 간격으로 권장됩니다.
• 아래 CSS 코드를 누르면 복사되어 grid-template-columns에 바로 적용할 수 있습니다.