admin

60 Posts

How to Center Text in TailwindCSS – [2 Simple Ways]

Centering text is a very common requirement in web design, and TailwindCSS offers straightforward solutions to achieve this. In this blog post, You'll learn...

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

TailwindCSS Class Names Intellisense in VS Code 2023

As you know, TailwindCSS classes are not hard to remember. They are just like the CSS properties like flex , absolute , hidden etc....

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 Center an Absolute Positioned Element in TailwindCSS

In TailwindCSS, centering an element may be a challenge for beginners if they don't know the core concepts of CSS. You can center a...

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

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

Latest articles