is now part of Shuffle™. The new editor includes templates for Tailwind CSS, Bootstrap, Bulma, and Material-UI.
Switch to Shuffle →
Menu
How it works
Features
Components
Pricing
Log in
Try Demo
← Tailwind CSS classes list
Tailwind CSS class:
.row-start-2
<div class="col-span-1 h-4 bg-teal-400"></div>
Preview
CSS source
.row-start-2 { grid-row-start: 2; }
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-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-1
.row-span-full
Tailwind CSS
Tailwind Editor
Tailwind Components
Tailwind Templates