FLEX vs GRID

박광민·2023년 3월 31일
0

FLEX

  • 콘텐츠에 초점이 맞춰져 있음
  • 1차원으로 수평, 수직 영역 중 하나의 방향으로만 레이아웃을 나눌수 있음
    -> 자유로운 레이아웃을 만들고 싶으면 Flex 속성을 사용

GRID

  • 레이아웃에 초점이 맞춰져 있음
  • 2차원으로 수평, 수직의 영역을 동시에 나눌 수 있음
    -> 이미 결정된 레이아웃을 만들고 싶으면 Grid 속성을 사용

Layout이란?

  • 웹 페이지나 앱에서 요소들의 위치와 크기, 간격 등을 결정하는 것
    -> 즉, 요소들을 어떻게 배치할지 결정하는 디자인의 한 요소
profile
developer(Frontend)

0개의 댓글