Skip to content

Tag Archives: Tailwind CSS-Questions

In this article, we will change the width on hover using Tailwind. There is no inbuilt method in Tailwind, so you have to customize the… Read More
You can easily align div vertical across the full screen using flex property in Tailwind CSS. Tailwind uses justify-center and items-center property which is an… Read More
Frankly speaking, there is no build-in method to make placeholder italic in Tailwind CSS. So you have to customize your utilities class and that is… Read More
You can easily add new colors to Tailwind CSS and keep the originals ones using customization configuration. You can configure your colors under the colors… Read More
SVG stands for Scalable Vector Graphics and is an XML-based ( can be edited ) vector image format. SVG is commonly used for icons, animations,… Read More
You can easily make CSS grid items to auto height using grid-template-columns property in Tailwind CSS.  Tailwind uses grid-col and grid-row property which is an… Read More
In this article, we will see how to set transition duration in Tailwind CSS. Tailwind CSS is a highly customizable, utility-first CSS framework from which… Read More
SVG stands for Scalable Vector Graphics and is an XML-based ( can be edited ) vector image format. SVG is commonly used for icons, animations,… Read More
In this article, we will learn how to fill up the rest of the screen height using Tailwind CSS. Approach: To solve the above problem… Read More
In this article, we will see how to apply background images with a linear gradient using Tailwind CSS.  Tailwind CSS is a highly customizable, utility-first… Read More
In this article, we will learn how to align two HTML elements on the left and right sides of a document using Tailwind CSS. You… Read More