목록그리드 레이아웃 (1)

생각 작업실 The atelier of thinking

18. <CSS> Grid Layout 예제

지난 회차에 그리드 레이아웃에 대해 알아봤습니다. 이번회차에는 그리드 레이아웃을 이용해 간단한 포토 갤러리를 만들어 보겠습니다. 1. HTML 구문 Gallery 1 Gallery 2 Gallery 3 Gallery 4 Gallery 5 Gallery 6 Photo Gallery with Grid Layout 6개의 메뉴와 6개의 사진으로 구성했습니다. 사진은 https://unsplash.com/ko 에서 골라봤습니다. https://unsplash.com/ko 아름다운 무료 이미지 및 사진 | Unsplash 어떤 프로젝트를 위해서든 다운로드 및 사용할 수 있는 아름다운 무료 이미지 및 사진입니다. 어떤 로열티 프리 또는 스톡 사진보다 좋습니다. unsplash.com 사진의 갯수는 추가로 더 늘릴 ..
웹(Web) 이야기 2024. 2. 24. 13:12
이전 Prev 1 Next 다음