# Maximum size

max-width and max-height stop an element growing past a size.

## What do `max-width` and `max-height` do?

**Maximum sizes** stop an element from getting bigger than a set size.

```css
img { max-width: 100%; }   /* never wider than its container */
.article { max-width: 70ch; }
```

Level: Apprentice · [More CSS terms at this level](https://www.ask-codey.com/glossary/subjects/css/apprentice)

Updated: September 27, 2026

Source: https://www.ask-codey.com/glossary/maximum-size