Documentify
Version 1.0
⌘ K
Overview Customizations Basic Sizing

Basic Width, Height & Size

Customizations for setting the width and height of an element at the same time.

Basic Sizing Visualization

How to set an element to a width?

The CSS width property sets the width of the element. By default it sets the width of the content area, but if box-size is set to border-box it sets the width of the border area.

Use w-{number} or w-px to set an element to a fixed width:

fixed-widths-1
<div class="w-96 ...">w-96</div>
<div class="w-80 ...">w-80</div>
<div class="w-72 ...">w-72</div>

Basic Usage of Fixed Width #1

Use w-{number} inside your class to set an element to a fixed width.

fixed-widths-2
<div class="w-[32rem] ...">w-[32rem]</div>
<div class="w-[36rem] ...">w-[36rem]</div>
<div class="w-[40rem] ...">w-[40rem]</div>

Basic Usage of Fixed Width #2

Use another w-px inside your class to set an element to a fixed width.