divmagic Make design
SimpleNowLiveFunMatterSimple
  2. Grid
  3. auto-cols-fr

auto-cols-fr

auto-cols-fr: Tailwind CSS class that belongs in the category Grid

Other classes in this category

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-contant-around
place-contant-between
place-contant-center
place-contant-end
place-contant-evenly
place-contant-start
place-contant-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

Got feedback or an issue? Let us know through our platform, and we'll handle the rest!

Want to stay up to date?

Join the DivMagic email list!

divmagic DivMagic

Resources

Support

Tools

Social

Terms & Policies

© 2025. All rights reserved.