← Tailwind CSS classes list

Tailwind CSS class: .max-w-xs

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

Preview

Check .max-w-xs 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-xs { max-width: 20rem; }

More in Tailwind CSS Width