---
title: Widths
description: Width, min-width, and max-width utilities.
---

Width utilities sit under the `w-` prefix. `w-full` and `w-auto` cover the common cases, `w-max-0`–`w-max-10` cap width against the width scale, and `w-min-0` lets a flex child shrink below its content.

```html
<div class="w-max-7 surface-base br-m p-m">
  <p class="w-full">Full width, capped at the scale.</p>
</div>
```