레이아웃 속성

유연한 레이아웃을 적용하기 위한 FLEX, GRID 레이아웃을 다룹니다.

Flex 레이아웃 속성은은 1차원 레이아웃을 다양하고 쉽게 만들게 해주는 스타일 속성이고,

Grid 레이아웃 속성은은 2차원 레이아웃을 다양하고 쉽게 만들게 해주는 스타일 속성입니다.

FLEX 레이아웃

GRID 레이아웃

•

FLEX 레이아웃

◦

미리보기

▪

CSS Flex Layout

◦

개념

◦

핵심요소

▪

Container

▪

Item

◦

실습예제

◦

Quiz

▪

Flexbox Froggy

•

GRID 레이아웃

◦

미리보기

▪

Layoutit Grid — CSS Grids layouts made easy!

▪

CSS Grid Layout Generator

◦

개념

◦

핵심요소

▪

Container

▪

Item

◦

실습예제

◦

Quiz

▪

Grid Garden