🡔 [Layout](../layout) # Layout `flex` Items are laid out in a row and wrapped as they overflow the container. By default, all items in a row assume the same (maximum) height. ```vue-html ``` ## Use additional `flexbox` properties --gap: 4px align-self: flex-end flex-grow: 1 height: 5rem width: 100% Find a list of all styles here: [Flexbox guide on css-tricks](https://css-tricks.com/snippets/css/a-guide-to-flexbox/).