게임
-
[CSS] Game으로 Grid를 배우자WEBn/CSS 2021. 8. 6. 00:04
웹개발을 하다보면 항상 늘 언제나 헷갈리는 것이 CSS이다. 특히 내가 원하는 곳에 버튼과 폼과 기타 요소들을 배치하고 싶은데 내 맘대로 절대 안움직인다. 웹 페이지의 레이아웃 개념이 부족하기 때문이다. 그래서 그 개념을 한번 잡고가기 위해 검색하던 중 Game으로 배우는 사이트를 발견하였다.이름하여... Grid Garden https://cssgridgarden.com/#ko Grid Garden A game for learning CSS grid layout cssgridgarden.com 사이트를 접속하면 이렇게 바로 1단계 게임이 시작된다. 그리드로 나누어진 땅에 CSS 코드를 입력해서 물을 준다. 1단계는 매우 쉬웠다. grid-column-start: 3;을 입력하면 3번째 칸에 물주기 성공..