CSS

Flex Layout을 통해 1차원적인 박스 요소를 배치 했다면Grid Layout을 통해 2차원적인 박스 요소를 배치 할수 있다.

출처: 드림코딩 유튜브 이곳에 예제 코드를 쳐보며 개념을 하나하나 알아보자

HTMLgrid.css출처: 드림코딩 유튜브결과column 기준 2번째 줄 부터 4번째 줄 까지 item2가 차지하게 되었다.결과row 기준 1번째 줄부터 3번째 줄까지 item2가 차지하게 되었다.위에 4줄로 작성된 코드가 간소화 되었다.기능과 의미는 위 코드와 동일