Tailwind Css Flexbox Justify-between doesn't work as expected

Advertisements

I am trying to implement navigation with Tailwind but, doesn’t result as expected

<nav class="bg-gray-100">
        <div class="flex flex-row justify-between w-full">
            <div>
                <div>Logo</div>
                <div>Primary Nav</div>
            </div>
            <div>Menu</div>
        </div>
    </nav>

This is the result:

This is the result I want:

>Solution :

It seems that you have to regenerate your css. In the development process, however, it is recommended to always work with the whole TailwindCSS file. For the production you can purge unnecessary css.
Means:
npm run dev or start npm run watch.

Leave a Reply Cancel reply