Flexible Box Summary

November 20, 2016

CodeSchool에서 3일간 전 코스를 무료로 공개하는 이벤트가 진행중(작성 시점)입니다. 이 글은 그 중에서 Cracking the Case With Flexbox를 수강하며 정리한 노트입니다.

Flexible Box?

Enable UI Patterns in Flexbox

What’s special?

Explanation

display

flex-wrap

기본값은 nowrap

flex-direction

justify-content

기본값은 flex-start.

order

align-items

flex-grow

flex-shrink

flex-basis

align-self

align-content

flex

flex-flow

Conclusion