Learn Tailwind

Box Shadow vs Drop Shadow in TailwindCSS

In CSS, you might be confused with box-shadow and drop-shadow. Both of these properties are quite similar, however, there are some differences between them....

5 Best Ways to Center a Div in TailwindCSS

In almost every webpage, you need to center the content vertically and horizontally. You also want to stick in the center no matter what...

Group Hover Modifier in TailwindCSS – [ Select Group on Hover ]

TailwindCSS group modifier is very helpful in various situations and can minimize a lot of JavaScript code. With the help of a group modifier,...

How to Design a Tooltip with TailwindCSS [No JavaScript]

Adding a tooltip is a great way to minimize less important information on the page. You can design a tooltip without using any JavaScript...

Hover Modifier in TailwindCSS [Complete Guide]

When you are designing a website, you surely want to add some interactivity in elements. TailwindCSS, you can utilize hover modifier with any element...

Changing Cursor in TailwindCSS – All You Need to Know

When working on a customized design, you often need to change the cursor icon depending on the requirements. You may want to show not-allowed...

How to Style First Line in TailwindCSS

Displaying a different style for the first line is make the content look different. TailwindCSS provides a first-line class with different modifiers to style...

How to Style First Letter in TailwindCSS

Starting the first paragraph with a capital letter or different color has been in trend for so long. TailwindCSS provides a default class that...

How to Add TailwindCSS in Simple HTML Project

TailwindCSS is not only designed for frameworks but can also be used in a simple HTML project. Instead of writing custom CSS, you can...

Latest articles