The max-width property in CSS is used to
set the maximum width of an element,
restricting how wide it can become.
This ensures that the element does
not become too wide.
In the above example, we have applied a max-width of 500px
to the div with a class of box.