Background color changes dimensions ???
Can anyone explain me why thus happens ?
Is there something in the tailwind I do not understand :/
When I hover over number 2-6 I change border color to yellow and then the size looks same with number 1 which is active with yellow background.
I set container
that holds those 6 buttons with p tag and number.
After checking developer tools the computed style size is same 48px and 1px border * 2 sides = 50px in total for both active and non-active buttons.
I am very confused as to why this is happening.
Is there something in the tailwind I do not understand :/
When I hover over number 2-6 I change border color to yellow and then the size looks same with number 1 which is active with yellow background.
I set container
grid grid-cols-[repeat(3,min(50px))] grid-rows-[repeat(2,min(50px))] place-self-center gap-4that holds those 6 buttons with p tag and number.
After checking developer tools the computed style size is same 48px and 1px border * 2 sides = 50px in total for both active and non-active buttons.
I am very confused as to why this is happening.
