Tailwind CSS Classes

Tailwind CSS class .justify-self-stretch

    <div class="grid grid-cols-3 gap-4 justify-items-start bg-gray-200 max-w-md">
        <div class="bg-purple-400 p-4 m-2">1</div>
        <div class="justify-self-stretch bg-teal-400 p-4 m-2">2</div>
        <div class="bg-purple-400 p-4 m-2">3</div>
        <div class="bg-purple-400 p-4 m-2">4</div>
        <div class="bg-purple-400 p-4 m-2">5</div>
        <div class="bg-purple-400 p-4 m-2">6</div>
    </div>

Preview

Are you tired of writing HTML by hand?

More Tailwind CSS classes in Flexbox category

© 2024 Shuffle. All rights reserved.