Home/Tailwind CSS/Basic Tailwind CSS Tutorials for Beginners

Basic Tailwind CSS Tutorials for Beginners

Tailwind CSS is a utility-first CSS framework for rapidly building custom user interfaces without writing much custom CSS.

This series of tutorials teaches you the basics of TailwindCSS.

1 Tailwind CSS: Align an element to the left/right of its parent

2 Tailwind CSS: How to Create Columns with the Same Height

3 Tailwind CSS: Make a Div 100% Height & Width of the Viewport

4 first-of-type and last-of-type in Tailwind CSS

5 :fisrt-child and :last-child in Tailwind CSS

6 How to Style the HR Element with Tailwind CSS

7 How to Disable a Link with Tailwind CSS

8 How to Change Mouse Cursor in Tailwind CSS

9 Tailwind CSS: How to Create a Vertical Divider Line

10 Using ::before and ::after in Tailwind CSS

11 Displaying Toast Messages with Tailwind CSS

12 Using :not() selector in Tailwind CSS

13 Tailwind CSS: Red Notification Badge with a Count