CodePen Embed - 12-span grid

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

<div class="grid grid-cols-12 grid-rows-3 bg-white">
  <div class="col-span-12 bg-green-200">Span 12</div>
  <div class="col-span-12 grid grid-cols-12">
    <div class="col-span-6 bg-red-200">Span 6</div>
  </div>
  <div class="col-span-4 bg-blue-200">Span 4</div>
  <div class="col-span-2 bg-yellow-200">Span 2</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.