# Flexbox layout

* The reference guide to flexbox [https://css-tricks.com/snippets/css/a-guide-to-flexbox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)
* Flex prop in the flex item <https://css-tricks.com/almanac/properties/f/flex/> to size an item

### An example of using flex-shrink

{% embed url="<https://codepen.io/sinsunsan/pen/xxVmmwL>" %}

{% embed url="<https://css-tricks.com/snippets/css/a-guide-to-flexbox/>" %}