CodePen Embed - The Deconstructed Pancake

<script src="https://cdn.tailwindcss.com"></script>

<h1 class="text-2xl text-center p-4">No Stretching</h1>
<!-- no stretching --> 
<div class="flex flex-wrap justify-center mb-6 bg-white">
    <div class="flex-initial basis-40 m-2 p-2 bg-green-300 h-40 grid place-items-center">1</div>
    <div class="flex-initial basis-40 m-2 p-2 bg-green-300 h-40 grid place-items-center">2</div>
    <div class="flex-initial basis-40 m-2 p-2 bg-green-300 h-40 grid place-items-center">3</div>
</div>

<h1 class="text-2xl text-center p-4">Stretching</h1>
<!-- Stretching -->
<div class="flex flex-wrap justify-center mb-6 bg-white">
    <div class="flex-grow basis-40 m-2 p-2 bg-green-300 h-40 grid place-items-center">1</div>
    <div class="flex-grow basis-40 m-2 p-2 bg-green-300 h-40 grid place-items-center">2</div>
    <div class="flex-grow basis-40 m-2 p-2 bg-green-300 h-40 grid place-items-center">3</div>
</div>

This Pen is owned by Juan Manuel Allo Ron on CodePen.

See more by @juanallo on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.