Divide div in two columns using Tailwindcss

Simple post to demonstrate how you can divide your container, page or a div into two columns / parts using TailwindCSS.

Make your div into grid and use grid-col-2 to divide it into two parts.


        <div class="grid grid-cols-2 gap-4">
            <div>first</div>
            <div>second</div>
        </div>

That’s about it.

tgugnani: Web Stuff Enthusiast.