Tailwind CSS-AGN HUB

 Tailwind css Notes

1.css framework made up of utility classes

2. Much lower-level than bootstarp, materialize


Using Tailwind css

1. Install Tailwind using npm(node package manager)

2. node js required


-------------------

create package.json

1. npm init -y

2. npm install tailwindcss


Tailwind config

npx tailwind init --full  


----------------------

Fonts and colors

text-grey-700
text-6xl
text-2xl
font-bold
font-light
uppercase
font-semibold

---------------------------
margin , padding , borders


px-15
py-15
pt-15
pb-15

mx-15
my-15
mt-15
mb-15

border-1
border-r-1
border-grey
border-grey-100

-----------------------