Sha256: 58b410a5ea336a5aec6a6edd34a94102d25f423e5563606662251843e1492e21

Contents?: true

Size: 1.29 KB

Versions: 29

Compression:

Stored size: 1.29 KB

Contents

<div class="grid min-h-full grid-cols-1 grid-rows-2 lg:grid-cols-2 lg:grid-rows-1">
  <div class="relative flex">
    <img src="https://tailwindui.com/img/ecommerce-images/home-page-02-edition-01.jpg" alt="" class="absolute inset-0 h-full w-full object-cover object-center">
    <div class="relative flex w-full flex-col items-start justify-end bg-black bg-opacity-40 p-8 sm:p-12">
      <h2 class="text-lg font-medium text-white text-opacity-75">Self-Improvement</h2>
      <p class="mt-1 text-2xl font-medium text-white">Journals and note-taking</p>
      <a href="#" class="mt-4 rounded-md bg-white py-2.5 px-4 text-sm font-medium text-gray-900 hover:bg-gray-50">Shop now</a>
    </div>
  </div>
  <div class="relative flex">
    <img src="https://tailwindui.com/img/ecommerce-images/home-page-02-edition-02.jpg" alt="" class="absolute inset-0 h-full w-full object-cover object-center">
    <div class="relative flex w-full flex-col items-start justify-end bg-black bg-opacity-40 p-8 sm:p-12">
      <h2 class="text-lg font-medium text-white text-opacity-75">Desk and Office</h2>
      <p class="mt-1 text-2xl font-medium text-white">Work from home accessories</p>
      <a href="#" class="mt-4 rounded-md bg-white py-2.5 px-4 text-sm font-medium text-gray-900 hover:bg-gray-50">Shop now</a>
    </div>
  </div>
</div>

Version data entries

29 entries across 29 versions & 1 rubygems

Version Path
tailwind_dsl-0.0.32 .components/tui/ecommerce/components/category-previews/06.clean.html
tailwind_dsl-0.0.31 .components/tui/ecommerce/components/category-previews/06.clean.html
tailwind_dsl-0.0.30 .components/tui/ecommerce/components/category-previews/06.clean.html
tailwind_dsl-0.0.29 .components/tui/ecommerce/components/category-previews/06.clean.html
tailwind_dsl-0.0.28 .components/tui/ecommerce/components/category-previews/06.clean.html
tailwind_dsl-0.0.27 .components/tui/ecommerce/components/category-previews/06.clean.html
tailwind_dsl-0.0.26 .components/tui/ecommerce/components/category-previews/06.clean.html
tailwind_dsl-0.0.25 .components/tui/ecommerce/components/category-previews/06.clean.html
tailwind_dsl-0.0.24 .components/tui/ecommerce/components/category-previews/06.clean.html
tailwind_dsl-0.0.23 .components/tui/ecommerce/components/category-previews/06.clean.html
tailwind_dsl-0.0.22 .components/tui/ecommerce/components/category-previews/06.clean.html
tailwind_dsl-0.0.21 .components/tui/ecommerce/components/category-previews/06.clean.html
tailwind_dsl-0.0.20 .components/tui/ecommerce/components/category-previews/06.clean.html
tailwind_dsl-0.0.19 .components/tui/ecommerce/components/category-previews/06.clean.html
tailwind_dsl-0.0.18 .components/tui/ecommerce/components/category-previews/06.clean.html
tailwind_dsl-0.0.17 .components/tui/ecommerce/components/category-previews/06.clean.html
tailwind_dsl-0.0.16 .components/tui/ecommerce/components/category-previews/06.clean.html
tailwind_dsl-0.0.15 .components/tui/ecommerce/components/category-previews/06.clean.html
tailwind_dsl-0.0.14 .components/tui/ecommerce/components/category-previews/06.clean.html
tailwind_dsl-0.0.13 .components/tui/ecommerce/components/category-previews/06.clean.html