tailwind-layout.html

<div class="w-screen h-screen">
  <div class="flex flex-row justify-center items-center mx-auto w-full h-full">
    <div class="grid grid-cols-6 grid-rows-3 h-full w-full">
      <div class="col-span-2 row-span-3 bg-teal-500 h-full w-full"></div>
      <div class="col-span-2 row-span-3 bg-red-700 h-full w-full"></div>
      <div class="col-span-2 row-span-1 bg-blueGray-800 h-full w-full"></div>
      <div class="col-span-2 row-span-1 bg-violet-700 h-full w-full"></div>
      <div class="col-span-1 row-span-1 bg-blue-400 h-full w-full"></div>
      <div class="col-span-1 row-span-1 bg-fuchsia-600 h-full w-full"></div>
    </div>
  </div>
</div>

tailwind.config.js

const colors = require('tailwindcss/colors')

module.exports = {
  mode: 'jit',
  theme: {
    extend: {
      colors: {
        ...colors
      },
    },
  },
  variants: {},
  plugins: [],
}