Created
October 20, 2023 22:16
-
-
Save LukeberryPi/4a46517dd167e9d3346899036dec5190 to your computer and use it in GitHub Desktop.
how to justify three elements in a container and keep the middle one centered regardless of children size
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="flex justify-between"> | |
<div class="flex flex-1 justify-start">huuuuuuuuuuuuge left element</div> | |
<div class="flex flex-1 justify-center">center element</div> | |
<div class="flex flex-1 justify-end">right element</div> | |
</div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
visual explanation: https://play.tailwindcss.com/aIo0xO4xsl