Shuffle for Tailwind CSS
How it works Features Components Pricing
Log in Try Demo
← Tailwind CSS classes list

Tailwind CSS class: .row-span-1

    <div class="grid grid-rows-3 grid-flow-col gap-2 max-w-md bg-gray-200 p-2">
        <div class="row-span-1 bg-teal-400 p-4">1</div>
        <div class="row-span-1 bg-purple-400 p-4">2</div>
        <div class="row-span-1 bg-purple-400 p-4">3</div>
    </div>

Preview

1
2
3

More in Tailwind CSS Grid

  • .col-auto
  • .col-span-1 / .col-span-*
  • .col-start-1 / .col-start-*
  • .col-end-1 / .col-end-*
  • .gap-0 / .gap-*
  • .row-gap-0 / .row-gap-*
  • .col-gap-0 / .col-gap-*
  • .grid-rows-1 / .grid-rows-*
  • .grid-cols-1 / .grid-cols-*
  • .grid-flow-row
  • .grid-flow-row-dense
  • .grid-flow-col
  • .grid-flow-col-dense
  • .row-span-1 / .row-span-*
  • .row-start-auto
  • .row-start-1
  • .row-start-2
  • .row-start-3
  • .row-start-4
  • .row-start-5
  • .row-start-6
  • .row-start-7
  • .row-end-auto
  • .row-end-1
  • .row-end-2
  • .row-end-3
  • .row-end-4
  • .row-end-5
  • .row-end-6
  • .row-end-7
  • .auto-cols-auto
  • .auto-cols-fr
  • .auto-cols-max
  • .auto-cols-min
  • .auto-rows-auto
  • .auto-rows-fr
  • .auto-rows-max
  • .auto-rows-min
  • .auto-rows-min
  • .col-end-1
  • .col-end-auto
  • .col-span-1
  • .col-span-full
  • .col-start-1
  • .col-start-auto
  • .gap-0
  • .gap-px
  • .gap-x-0
  • .gap-x-px
  • .gap-y-0
  • .gap-y-px
  • .place-content-around
  • .place-content-between
  • .place-content-center
  • .place-content-end
  • .place-content-evenly
  • .place-content-start
  • .place-content-stretch
  • .place-items-auto
  • .place-items-center
  • .place-items-end
  • .place-items-start
  • .place-items-stretch
  • .place-self-auto
  • .place-self-end
  • .place-self-start
  • .place-self-stretch
  • .row-auto
  • .row-span-full
Tailwind CSS
  • Tailwind Editor
  • Tailwind Components
  • Tailwind Templates
© 2025 Shuffle
Terms Privacy Policy Licenses Support Components Templates Tailwind CSS

Tailwind Builder is a product of Shuffle and is not affiliated with Tailwind CSS or Tailwind Labs.

Switch to the Tailwind Editor by Shuffle