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.

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

Level: Apprentice · More CSS terms at this level

Updated September 27, 2026