Grid System
Grid 1
Grid 2
Grid 3
Grid 4
Grid 5
Grid 6
Grid 7
Grid 8
Grid 9
Grid 10
Grid 11
Grid 12
col-span-6 basis-6/12 basis-3/6 basis-2/4 basis-1/2
col-span-6 basis-6/12 basis-3/6 basis-2/4 basis-1/2
col-span-4 basis-4/12 basis-2/6 basis-1/3
col-span-4 basis-4/12 basis-2/6 basis-1/3
col-span-4 basis-4/12 basis-2/6 basis-1/3
col-span-3 basis-3/12 basis-1/4
col-span-3 basis-3/12 basis-1/4
col-span-3 basis-3/12 basis-1/4
col-span-3 basis-3/12 basis-1/4
col-span-4
col-span-8
300px
1fr
1fr
300px
2fr
Grid Auto

[1] Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

[2] Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et

[3] Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr

[4] Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam

[5] Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam

[1] Ryan Florence

I feel like an idiot for not using Tailwind CSS until now.

[2] Debbie O'Brien

Have been working with CSS for over ten years and Tailwind just makes my life easier. It is still CSS and you use flex, grid, etc. but just quicker to write and maintain.

[3] Kent C. Dodds

Skip to the end. Use @tailwindcss.

[4] Guillermo Rauch

If I had to recommend a way of getting into programming today, it would be HTML + CSS with Tailwind CSS.

[5] Ben Furfie

I’ve been writing CSS for over 20 years, and up until 2017, the way I wrote it changed frequently. It’s not a coincidence Tailwind was released the same year. It might look wrong, but spend time with it and you’ll realize semantic CSS was a 20 year mistake.

[6] Shruti Balasa

I was bad at front-end until I discovered Tailwind CSS. I have learnt a lot more about design and CSS itself after I started working with Tailwind. Creating web pages is 5x faster now.

[7] Sara Vieira

I have no design skills and with Tailwind I can actually make good looking websites with ease and it's everything I ever wanted in a CSS framework.

[8] Chan Dara

There’s one thing that sucks about @tailwindcss - once you’ve used it on a handful of projects it is a real pain in the ass to write normal CSS again.

[9] Srey Kanaya

Tailwind turned me into a complete stack developer.

[10] Touch Channata

Tailwind is the easiest and simplest part of any project I work on. I can't imagine I'll build anything big without it.

Layout Absolute
Hello layout
Layout Grid Start
[1] div title will over the image
[3] div text