Flex(Flexbox)

1. #01 Flex - Flexbox 등장 배경 및 설명

2. #02 Flex - Flex 사용법(Flex-container, Flex-item)

3. #03 Flex - Flex를 사용한 레이아웃

   
   
   

참고

• MDN Web Docs

  https://developer.mozilla.org/ko/docs/Web/CSS/CSS_Flexible_Box_Layout/Flexbox%EC%9D%98_%EA%B8%B0%EB%B3%B8_%EA%B0%9C%EB%85%90

  https://developer.mozilla.org/en-US/docs/Web/CSS/flex_value

• w3schools

  https://www.w3schools.com/cssref/css3_pr_flex.asp

• 생활코딩

  https://www.opentutorials.org/course/2418/13526

• Understanding Flexbox

  https://www.vobour.com/1-flexbox-%EC%9D%B4%ED%95%B4-%EB%8B%B9%EC%8B%A0%EC%9D%B4-%EC%95%8C%EC%95%84%EC%95%BC-%ED%95%A0-%EB%AA%A8%EB%93%A0-%EA%B2%83-understa

• Flexbox Froggy(Game)

  https://flexboxfroggy.com/#ko](https://flexboxfroggy.com/#ko

• caniuse

  https://caniuse.com/#search=flex](https://caniuse.com/#search=flex

• Microsoft Docs

  https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/dev-guides/hh673531(v=vs.85)

  https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/compatibility/dn265027(v=vs.85)

• blog

  https://heropy.blog/2018/11/24/css-flexible-box/

  https://webdir.tistory.com/349