https://blog.dlow.me/tags/webdev/Recent content in Webdev on dlow's blogHugoen-usSun, 19 Apr 2020 08:28:00 +0000https://blog.dlow.me/programming/webdev/flexbox-for-human/Sun, 19 Apr 2020 08:28:00 +0000https://blog.dlow.me/programming/webdev/flexbox-for-human/<style> .container { border: 1px solid #c3c3c3; display: flex; flex-direction: row; } .container div { width: 60px; height: 60px; } </style> <div class="container" style="width: 100px; height: 100px; justify-content: center; align-items: center"> <div style="background-color:coral; display: flex; justify-content: center; align-items: center;">Easy :)</div> </div> </div> <p>Flexbox is great and makes centering things easy, and that&rsquo;s mostly what I&rsquo;ve ever used it for. However, when I want more complex layout arrangement I find myself just searching for answers on stack overflow without actually learning how to do it. I decided to make an attempt to understand flexbox properly and share my findings in this post.</p>