is now part of Shuffle™. The new editor includes templates for Tailwind CSS, Bootstrap, Bulma, and Material-UI.
Switch to Shuffle →
← Tailwind CSS classes list

Tailwind CSS class: .bg-contain

<div class="bg-contain h-48 w-64" style="background-image: url('https://tailwind.build/placeholders/pictures/office.jpg')"></div>

Preview

Check .bg-contain 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

.bg-contain {
  background-size: contain;
}

More in Tailwind CSS Background