Follow

Keep Up to Date with the Most Important News

By pressing the Subscribe button, you confirm that you have read and are agreeing to our Privacy Policy and Terms of Use
Contact

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

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:

result

MEDevel.com: Open-source for Healthcare and Education

Collecting and validating open-source software for healthcare, education, enterprise, development, medical imaging, medical records, and digital pathology.

Visit Medevel

This is the result I want:

enter image description here

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

Add a comment

Leave a Reply

Keep Up to Date with the Most Important News

By pressing the Subscribe button, you confirm that you have read and are agreeing to our Privacy Policy and Terms of Use

Discover more from Dev solutions

Subscribe now to keep reading and get access to the full archive.

Continue reading