Flex
1차원 구조를 수직, 수평 정렬을 하기 위해 사용하는 속성
display, direction, flex-wrap, justify-content(주축), align-items(교차축) 속성을 배움
Grid
Flex와 비슷하지만 Grid는 2차원 레이아웃 구조를 다루기 위한 속성
grid-container
cell 내부 속성 justify-items, align-items속성이 있다. 하나의 cell안에 하나의 item이기 때문에 지정가능 space는 불가
grid-template-areas
grid-area로 정의 선언 후 선언한 string areas에 사용하면 된다.
🚑느낀점
Flex와 Grid에 대해 알고 있었지만 다시 공부하면서 justify, align 관련 속성들에 대해 다시 알게 됐다. 오늘 강의는 내가 자세히 짚고 넘어가지 않는 부분이라서 강의를 계속 돌려보면서 정리를 해야겠다. 내가 필요한 부분?을 찾은 느낌이고 이번 노션클로닝에서 레이아웃을 그리드로 만들어보는 아이디어가 떠올라서 두근두근하다..!🥰