이 예제 레이아웃으로 다음 웹 프로젝트를 빠르게 시작하세요. 

https://purecss.io/layouts/

Pure는 모든 웹 프로젝트에서 사용할 수 있다는 목표로 제작되었습니다. 이를 보여주기 위해 Pure를 활용하는 몇 가지 일반적인 레이아웃을 만들었습니다. 이러한 레이아웃은 반응 형이며 JavaScript가 필요하지 않습니다 (특정 메뉴 상호 작용 제외).

CSS 그리드 레이아웃을 배우는 데 필요한 모든 것 

https://gridbyexample.com/examples/page-layout/

이러한 웹 사이트 레이아웃 템플릿은 CSS 그리드 레이아웃을 사용하여 제작되었습니다.

https://www.quackit.com/html/templates/css_grid_templates.cfm

CSS로 만든 인기 레이아웃 및 패턴

https://csslayout.io/

http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html