<p>In this lab, you will create a flex container, apply various alignment properties, and change the alignment of a single child element using Flexbox. This will help you learn and practice the concepts of <code class="rounded dark:bg-gray-800 dark:text-white text-black bg-gray-100 px-[0.25rem] py-[0.1rem] text-sm font-normal font-mono" data-prestyled="true">justify-content</code>, <code class="rounded dark:bg-gray-800 dark:text-white text-black bg-gray-100 px-[0.25rem] py-[0.1rem] text-sm font-normal font-mono" data-prestyled="true">align-items</code>.</p>
<p>You'll be able to see how flexbox align items with solid boxes.</p>

Flexbox Alignment Lab