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: .flex-nowrap

    <div class="h-40 w-64 px-2 py-6 bg-gray-200 flex flex-nowrap">
        <div class="px-10 py-2 bg-teal-400 rounded">1</div>
        <div class="px-10 py-2 bg-purple-400 rounded">2</div>
        <div class="px-10 py-2 bg-indigo-400 rounded">3</div>
        <div class="px-10 py-2 bg-teal-400 rounded">4</div>
    </div>

Preview

1
2
3
4

Check .flex-nowrap 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 Flexbox