Max-width
Utilities for setting the maximum width of an element
Class reference
Usage
Set the maximum width of an element using the max-w-{size}
utilities.
Prose
We added a new max-width by default called max-w-prose
. If you are familiar with the Tailwind CSS Typography plugin you might recognize this one. The idea behind this class is that it allows you to have an optimal reading width.
Responsive
To control the max-width of an element at a specific breakpoint, add a {screen}:
prefix to any existing max-width utility.
<div class="max-w-sm **md:max-w-lg** ...">
<!-- ... -->
</div>
For more information about Elements’ responsive design features, check out the Responsive Design documentation.
On this Page
v1.13.5