Button texts won't allign with each other
As you can see in the pic, option C is slightly leaning on the right (i'm not even sure if others correctly alligned). What's causing this?
3 Replies
I have recreated your code and in my version I am not getting this issue. I wonder if it has something to do with the font that you are using?
P.S if for some reason you can't share a working version, post the actual code rather than a screen shot as this will make it easier for somebody to help you as it doesn't require them to type it themselves recreate it.
Thank you for your answer Chris, sorry it took me a while to reply back. Unfortunately, it's not about the font. I have an upper div that has this classes; flex flex-col justify-center items-center relative. And a upper component has a div that have this classes;min-h-screen flex justify-center items-center. Do you think any of these might be the cause?
In general: if you want things to be exact do not use flex, use grid. (it is called flex, because it is flexible)