1차원 상에서 div간의 레이아웃을 정하는 모던한 방법이 flex, 2차원은 grid 인 것 같다.
space-between 많이 쓴다.
2차원 레이아웃을 정말 편하게 만들어준다.
table과 다른 점은 table은 html에서 table구조를 명시하는 반면
grid는 html에는 레이아웃에 대한 정보가 없고, css에서 자식들을 어떻게 배치할 지 결정한다는 점이다.
그래서 랜더링하는 부분의 코드가 간결해진다.
그리고 문법도 편리하다.
아래 사이트에서 직접 만들어 볼 수 있다.
gui로 만들면 html, css로 바꿔준다.