Contents

<div class="grid grid-cols-1 gap-4 sm:grid-cols-2">
  <div class="relative flex items-center space-x-3 rounded-lg border border-gray-300 bg-white px-6 py-5 shadow-sm focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 hover:border-gray-400">
    <div class="flex-shrink-0">
      <img class="h-10 w-10 rounded-full" src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="">
    </div>
    <div class="min-w-0 flex-1">
      <a href="#" class="focus:outline-none">
        <span class="absolute inset-0" aria-hidden="true"></span>
        <p class="text-sm font-medium text-gray-900">Leslie Alexander</p>
        <p class="truncate text-sm text-gray-500">Co-Founder / CEO</p>
      </a>
    </div>
  </div>
</div>

Version data entries

29 entries across 29 versions & 1 rubygems

Version	Path
tailwind_dsl-0.0.12	.components/tui/application-ui/component/list/grid-list/04.clean.html
tailwind_dsl-0.0.11	.components/tui/application-ui/component/list/grid-list/04.clean.html
tailwind_dsl-0.0.10	.components/tui/application-ui/component/list/grid-list/04.clean.html
tailwind_dsl-0.0.9	.components/tui/application-ui/component/list/grid-list/04.clean.html
tailwind_dsl-0.0.8	.components/tui/application-ui/component/list/grid-list/04.clean.html
tailwind_dsl-0.0.7	.components/tui/application-ui/component/list/grid-list/04.clean.html
tailwind_dsl-0.0.6	.components/tui/application-ui/component/list/grid-list/04.clean.html
tailwind_dsl-0.0.5	.components/tui/application-ui/component/list/grid-list/04.clean.html
tailwind_dsl-0.0.4	.components/tui/application-ui/component/list/grid-list/04.clean.html