# Flexbox Layout

![](https://3069112348-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MR93ctAFfSCsQwng6wL%2F-MVHl6FwoH3xBHFbpThS%2F-MVHlXPniY5-MYQ5_R0U%2Fimage.png?alt=media\&token=8baff4b5-676a-4ec8-b9f8-ed47f44def21)



![](https://3069112348-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MR93ctAFfSCsQwng6wL%2F-MVHlZcYZGWcsPBmOFSk%2F-MVHuCSh_MfzdSgsnYFq%2Fimage.png?alt=media\&token=53cc5978-a4fe-4a15-b359-10e6d093483a)

### CodePen Playground

[https://codepen.io/kyle-renke/pen/vYyPdYM](https://codepen.io/kyle-renke/pen/vYyPdYM)
