← Tailwind CSS classes list

Tailwind CSS class: .max-w-max

    <div class="bg-gray-300 h-20 w-20">
        <div class="max-w-max h-6 bg-teal-400">
            <div class="w-6 h-6 bg-red-400 rounded-full mx-auto"></div>
        </div>
    </div>

Preview

Check .max-w-max 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 →

More in Tailwind CSS Width