비정형 그리드 레이아웃
Last updated
Last updated
불규칙적인 그리드 레이아웃 디자인을 CSS Grid로 구현하는 방법에 대해 학습합니다.
제품이 우선 시 되는 서비스의 특성 상, 트렌드에 민감한 사이트 레이아웃 디자인은 일관된 그리드를 벗어나, 공간과 이미지 텍스트 배치를 자유로움 속에서 조화롭게 배치하는 세련된 레이아웃을 보여줍니다.
자유롭게 배치 된 요소에 가이드 라인을 그리 듯, CSS Grid를 사용하면 행/열 그리드를 다음과 같이 그려 요소를 배치할 수 있습니다. 오히려 이러한 자유도가 일관된 그리드 시스템보다 웹 디자이너에게 더욱 친숙한 경험일 것입니다.
