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: .contents

    <div class="flex h-40 w-96 p-2 bg-gray-200">
        <div class="flex-1 px-10 py-2 bg-teal-400 rounded">1</div>
        <div class="flex-1 px-10 py-2 bg-teal-400 rounded">2</div>
        <div class="contents">
            <div class="flex-1 px-10 py-2 bg-teal-400 rounded">3</div>
            <div class="flex-1 px-10 py-2 bg-teal-400 rounded">4</div>
        </div>
    </div>

Preview

1
2
3
4

Check .contents 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.

More in Tailwind CSS Flexbox