admin

65 Posts

How to Use :nth-child Selector in TailwindCSS

The :nth-child selector is very helpful in CSS because it lets you select a specific element to style. You can also use the :nth-child...

How to Select First Child in Tailwind CSS | First Child Selector

Same as the last child selector in Tailwind CSS, the first child selector works exactly the same. This is also useful in many use-cases...

How to Select Last Child in Tailwind CSS | Last Child Selector

The last child selector in CSS is very useful in many situations. For example, you may not want to add border to the last...

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

Top 10 Questions and Answers About TailwindCSS [2023]

Here are the top 10 Questions almost every web designer is asking about TailwindCSS. If you are new to TailwindCSS or you want to...

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

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

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

Latest articles