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.
This div has background pink 400, top margin 12, left/right padding 50, top/bototm padding 10
wd-ai-spacing block
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.
Hello my name is Zhenming Gao
wd-ai-type
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.
This div has a pink 950 background
wd-ai-bg
Red below md, green at md and up.
small screen
large 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
Professional Courses
Rocket Propulsion FundamentalsAn in-depth study of the fundamentals of rocket propulsion...
React JS
Professional Courses
Rocket Propulsion FundamentalsAn in-depth study of the fundamentals of rocket propulsion...
Blurs
Grayscale and brightness
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
3/12
9/12
wd-ai-grid 9
wd-ai-grid 3