Version 3

Layouts

- Full screen

- Asymmetrical

- Version 3

- Split screen

- Boxes

- Grid of cards

- F-shape

- F-shape

- Single column

- Z-shape

width

• w-auto (auto, remove an element's assignement)
• w-1/2 (50%)
• w-full (100%)
• w-screen (100vw)
• w-min (min-content)
• w-max (max-content)
• w-fit (fit-content)
• w-[32rem] (arbitrary value)

min-width

• min-w-full (100%)
• min-w-min (min-content)
• min-w-max (max-content)
• min-w-fit (fit-content)

max-width

• max-w-full (100%)
• max-w-min (min-content)
• max-w-max (max-content)
• max-w-fit (fit-content)
• max-w-prose (65ch)
• max-w-screen-sm (640px)...

height

• h-auto (auto, remove an element's assignement)
• h-1/2 (50%)
• h-full (100%)
• h-screen (100vh)
• h-min (min-content)
• h-max (max-content)
• h-fit (fit-content)
• h-[32rem] (arbitrary value)