Sapiente reprehenderit recusandae quis. Architecto enim praesentium sint non aut. Doloremque dolorum est quo ab ipsa aut animi blanditiis. Odit totam placeat culpa ullam aliquam consequuntur.
Doloribus minus veniam itaque. Quia amet autem aut. Asperiores numquam aperiam iusto.
<div class="row -mx-4 flex">
<div class="w-full sm:w-1/2 px-4">
<p>Et aspernatur reiciendis tempora dolores ipsa. Autem fuga necessitatibus optio est vel rerum neque rem. Repellendus laboriosam et enim quae corrupti. Enim accusamus et voluptatem. Illo optio blanditiis illo aliquid omnis.</p>
</div>
<div class="w-full sm:w-1/2 px-4">
<p>Et a accusamus ut hic voluptas sunt. Quia qui ratione veniam voluptatem fuga. Maiores qui aut ut quo iure et. Sit animi fugit impedit ipsa aliquam. Aliquam fugiat qui voluptatem sint aut.</p>
</div>
</div>
Three column example
Molestiae est sed repellat modi et minus. Culpa ut ad sunt ut. Molestiae illum explicabo omnis. Delectus est alias dolor iure illo voluptatem ut est.
Itaque sit rem a repellat non. Non dolor quo iusto nihil reiciendis ullam. Mollitia voluptate excepturi ullam quas. Blanditiis possimus nihil voluptatem aut voluptate beatae rerum.
Enim deleniti tempora quia doloremque. Incidunt esse laboriosam dignissimos numquam quas. Molestiae incidunt dolorem et exercitationem illo rerum. Et ut voluptatem autem voluptatum a dolorem.
<div class="row -mx-4 flex">
<div class="w-full md:w-1/3 px-4">
<p>Consequuntur tempora eligendi cum soluta et asperiores. Ex omnis et aliquam repudiandae dolore aliquid. Eum est veritatis possimus occaecati praesentium ab.</p>
</div>
<div class="w-full md:w-1/3 px-4">
<p>Quisquam dolorem magnam neque architecto omnis. Qui voluptatum sit quaerat ea. Voluptatem necessitatibus autem dolorem recusandae porro explicabo. Non et non perspiciatis consequatur. Vel nihil accusantium dolor doloribus voluptatibus occaecati quo.</p>
</div>
<div class="w-full md:w-1/3 px-4">
<p>Corporis veniam architecto et perspiciatis quasi modi. Error omnis praesentium sunt minus qui et. Ea est voluptate sit id quis impedit vel. Officiis cumque quos iure eligendi assumenda eligendi. Et illo ea dolor.</p>
</div>
</div>
Natus rerum ut in. Sit consequuntur sapiente sint ab molestiae iure nobis. Vero atque dolor culpa repellat qui tenetur. Temporibus fugiat doloremque perferendis alias. Tempore sed esse minima qui id recusandae. Vel rerum aut sapiente aliquam cumque. Quia similique maxime quia pariatur. Ut laudantium qui quod voluptatum adipisci fugiat. Sunt quae suscipit nihil tempora voluptatum.
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</blockquote>
H2: Eum rerum et aut minus sed atque praesentium nemo.
H3: Impedit non velit consequatur fuga.
H4: Rerum quam et dolor nobis.
H5: Praesentium ipsam eaque omnis fuga temporibus ad.
H6: Mollitia molestiae doloremque perspiciatis ut magnam.
Image icon
Images default to span 100% of the container on small view. When using the .icon class you can override this behavior so it defaults to its real height/width.
To make sure embedded content maintains its aspect ratio as the width of the screen changes, wrap the iframe, object, embed, or video in a container with the .responsive-embed class.
