admin

65 Posts

2 Ways to Place Text on Image in TailwindCSS – [Text over Image]

Text over an image is very common in modern website design. Images having text on the top looks nice and also engage users on...

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

List of FREE SVG Icons for TailwindCSS

SVG icons are a great way to guide users. When you are working with TailwindCSS, it's good to have SVG code instead of importing...

Change Color and Strokes of SVG Icon in TailwindCSS

SVG Icons are great in website design because these can be added directly to the code instead of imported as images. In TailwindCSS, you...

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

How to use [first-of-type] and [last-of-type] in TailwindCSS

Although you can use the first-child and last-child selectors to select the first and last element in a list, the first-of-type and last-of-type pretty...

The :not Selector in TailwindCSS – [ :not-first and :not-last ]

The :not selector in TailwindCSS is pretty much similar to the :nth selector. The :not selector is helpful in various use cases, for example,...

How to Create Transparent Text in TailwindCSS

You can apply different CSS Blend Modes options in TailwindCSS to get almost any effect you want. In TailwindCSS, there are different classes for...

Even Odd Selector in TailwindCSS – [Select Even/Odd Elements]

All the selectors available in CSS are also available in Tailwind CSS. The first-child selector lets you apply styles on first-child elements and the...

Latest articles