max-w-fit: Tailwind CSS Width class

The rounded class applies small rounded corners to an element.

Max-w-fit

The max-w-fit class allows the element's width to shrink to fit its content.

Example Code

html
<div class="flex justify-center items-center gap-2 p-3 rounded-t-md bg-indigo-50">
  <div class="max-w-fit bg-indigo-500 py-4 text-white font-bold rounded-lg px-4">
  max-w-fit
</div>
</div>

Preview

max-w-fit

Windframe is an AI visual editor for rapidly building stunning web UIs & websites

Start building stunning web UIs & websites!

Build from scratch or select prebuilt tailwind templates
Learn more about Windframe