20160730 frog lt-css flexible boxes layout

(・∀・)

1. CSS Flexible Boxes Layout display:flex 高梨ギンペイ / Ginpei Takanashi http://ginpei.info @ginpei_jp

2. Resources CSS Flexible Box Layout Module Level 1 https://www.w3.org/TR/css-flexbox-1/ Using CSS flexible boxes - CSS | MDN https :// developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes A Complete Guide to Flexbox | CSS-Tricks https ://css-tricks.com/snippets/css/a-guide-to-flexbox / Flexbox Froggy - A game for learning CSS flexbox http ://flexboxfroggy.com /

3. By using flex box, you can specify… Axis Direction Alignment Spacing Order Cool!

4. Basic senses

5. Properties for flex box display YES, you can set flex or inline-flex! flex-wrap Wrap or shrink? flex-direction Align as rows or columns? justify-content Where center | flex-start | flex-end space-between

6. Enjoy!