Scribd
Upload
11 views

Tailwind CSS Basics

Uploaded by

sehan3061
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
11 views

Tailwind CSS Basics

Uploaded by

sehan3061
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

Tailwind CSS Basics

tailwind css basis in small words

Tailwind CSS Basics:

1. Utility-first framework: Tailwind provides pre-made utility classes to style your HTML without
writing custom CSS.
2. Atomic classes: Each class does one thing, e.g., `text-center` aligns text, `bg-blue-500` adds a
blue background.
3. Responsive design: Use classes like `sm:`, `md:`, `lg:` for different screen sizes.
4. Customization: Easily customize styles with a `tailwind.config.js` file.
5. No pre-defined components: Build unique designs by combining small utility classes.

Example:

html

<div class="bg-blue-500 text-white p-4 rounded">


Tailwind is cool!
</div>

This makes a blue box with white text, padding, and rounded corners.

Printed using Save ChatGPT as PDF, powered by PDFCrowd HTML to PDF API. 1/1

You might also like