태그: 레이아웃

반응형 웹 (Responsive Web)

반응형 웹(Responsive Web)은 웹사이트가 사용자의 디바이스(PC, 태블릿, 스마트폰 등)에 따라 자동으로 화면 크기, 콘텐츠 배치, 인터페이스 요소가 조정되는 웹 디자인 기법을 의미합니다.CSS의 미디어 쿼리(Media Query)를 활용하여 다양한 해상도에…

그리드시스템(Grid System)

그리드 시스템(Grid System)이란? 그리드 시스템은 웹 또는 앱의 레이아웃을 체계적으로 구성하기 위한 가이드로, 콘텐츠 폭(Container), 컬럼(Column), 거터(Gutter), **마진(Margin)**의 4가지 요소로 구성됩니다. 다양한 해상도와 비율의 디바이스에 최적화된 레이아웃을 구현하기…