How To

How to Customize Default or Base Styles in TailwindCSS

One of the reasons why developers love working with TailwindCSS is the ease of customization. Compared to other frameworks like bootstrap and material UI,...

3 Simple Methods to Style Placeholder Text in Tailwind CSS

Default placeholder text styles are so great for custom designs. As you might know, that placeholder text can be styled with CSS and also...

How to Use Important Modifier in TailwindCSS – [Complete Guide]

The use of !important  in CSS is not what web designers encourage you to use. But it's very useful in many situations like you...

How to Center an Image in TailwindCSS – [2 Simple Ways]

Images are part of every web page in modern web design. As they are everywhere, it's good to know how to style them perfectly...

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...

3 Simple Steps to Design a Modal in TailwindCSS

Adding a modal is very common to display important information to visitors on the site. You can use a modal to display a popup...

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 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...

How to Create Parallax Effect in TailwindCSS

The parallax effect is very common on the landing page in modern websites. It adds a unique look to the website that attracts users...

Latest articles