← Tailwind CSS classes list

Tailwind CSS class: .max-w-2xl

<div class="max-w-2xl h-5 bg-teal-400"></div>

Preview

Check .max-w-2xl in a real project

Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.

Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →

CSS source

.max-w-2xl { max-width: 42rem; }

More in Tailwind CSS Width