Tailwind CSS

Margin

This div has a bottom margin of 4.
This div has a start margin of 4 and an end margin of 8.

Padding

This div has starting padding of 2, top padding of 4, and bottom padding of 8.
This div has padding all around of 6.

Font Size

This is small text.

This is base text.

This is large text.

This is extra large text.

This is 2x extra large text.

This is 3x extra large text.

Font Weight

This is thin font weight.

This is light font weight.

This is normal font weight.

This is medium font weight.

This is semi-bold font weight.

This is bold font weight.

This is extra-bold font weight.

This is black font weight.


Background Colors

This div has a red background.
This div has a green background.
This div has a blue background.
This div has a yellow background.

Red below md, green at md and up.

small screen


One
Two
Three

01
02
03
04
05
06
07
08

Spacing and text size

Padding and the font size grow at md.


Responsive Design

React JS
React JS
Professional Courses
Rocket Propulsion Fundamentals

An in-depth study of the fundamentals of rocket propulsion...


Blurs

blur noneblur smblur lgblur 2xl

Tailwind Grids

4 Columns Grid

01
02
03
04
05
06
07
08
09

3 Columns Grid

01
02
03
04
05
06
07

Grid system

Left half

Right half

One third

Two thirds

Sidebar

Main content

Sidebar