VOOZH about

URL: https://www.geeksforgeeks.org/css/tailwind-css-sizing-complete-reference/

⇱ Tailwind CSS Sizing Complete Reference - GeeksforGeeks


  • Courses
  • Tutorials
  • Interview Prep

Tailwind CSS Sizing Complete Reference

Last Updated : 23 Jul, 2025

Tailwind CSS is a highly customizable, low-level CSS framework that gives you all of the buildings blocks that you need. Tailwind CSS Sizing that set the size of elements like setting element width, height, min-max width, and min-max height.

Tailwind CSS Class

Description

WidthIt sets the width of the text, images.
Min-WidthIt defines the minimum width of an element.
Max-WidthIt defines the maximum width of an element.
HeightIt sets the height of an element.
Min-HeightIt sets the minimum height of an element.
Max-HeightIt sets the maximum height of an element.

Below example will give you a brief idea about the Sizing of Tailwind CSS:

Example:

Output:

👁 Tailwind CSS Sizing Complete Reference
Tailwind CSS Sizing Complete Reference
Comment
Article Tags:
Article Tags: