We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Heyho,
when using flex to render columns besided each other and then applying padding to each of the boxes causes a weird result.
Working, without padding
render(<<<HTML <div class="flex mt-1 justify-evenly"> <span class="flex-1 bg-green-100"> Today: </span> <span class="flex-1 bg-green-200"> Tomorrow: </span> </div> HTML);
But when applying padding to the boxes they are not properly aligned anymore:
render(<<<HTML <div class="flex mt-1 justify-evenly"> <span class="flex-1 bg-green-100 p-1"> Today: </span> <span class="flex-1 bg-green-200 p-1"> Tomorrow: </span> </div> HTML);
Did I something wrong? I will try to look into the library to figure it out, but maybe I'm just using it wrong 😅 Thanks for the awesome library!
The text was updated successfully, but these errors were encountered:
Hey @jkniest I think if you go with just px-1 it should work, multi line flex is not yet supported :(
px-1
Sorry, something went wrong.
No branches or pull requests
Heyho,
when using flex to render columns besided each other and then applying padding to each of the boxes causes a weird result.
Working, without padding
But when applying padding to the boxes they are not properly aligned anymore:
Did I something wrong? I will try to look into the library to figure it out, but maybe I'm just using it wrong 😅 Thanks for the awesome library!
The text was updated successfully, but these errors were encountered: