Learn Tailwind

Border Radius in TailwindCSS – [Top + Bottom + Left + Right]

Border-radius is more common than ever in modern web design. You need border-radius in almost everything. You can style different buttons, cards, images, and...

Using Viewport Height for Div Container in TailwindCSS

There are many use cases where you want the viewport height to be the default height of the container. For example, you want the...

2 Ways to Add Default Font Color and Size in TailwindCSS

TailwindCSS resets the default styles of every HTML element. If you are following a design system, you might have a default font size and...

List Styles in TailwindCSS – [Add Custom List Icon]

TailwindCSS removes all the default styles from every single HTML element. If you use an ordered or unordered list and expect the default circle...

How to Add Divider Lines in TailwindCSS – [Vertical & Horizontal]

Modern UI designs have divider lines in almost everything. Web designers use a border or <hr/> tag to add divider line on web pages....

Nested Child Selector in TailwindCSS – [Style Nested Eelements]

When you are designing complex user interfaces you might have nested child elements that you want to style. TailwindCSS provides arbitrary values to select...

Children Selector in TailwindCSS – [Select All Direct Children]

One of the reasons why designers loving TailwindCSS is that it provides almost everything that you need. There are many use cases where you...

How to Use Letter Spacing in TailwindCSS – [Complete Guide]

In CSS, letter-spacing is used to add spacing between characters. TailwindCSS doesn't provide a class starting with letter-spacing and it hard to remember the...

How to Use Line Height in TailwindCSS – [Complete Guide]

TailwindCSS is known for the "easy to remember classes" but when it comes to line-height in TailwindCSS, it's not easy to remember the class....

Latest articles