Scribd
Upload
8 views

Tailwind CSS Basics

Uploaded by

sehan3061
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
8 views

Tailwind CSS Basics

Uploaded by

sehan3061
Copyright
© © All Rights Reserved
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