Open bspeare opened 1 year ago
As a user of the card component, I can set a grid of cards without the borders creating an overlapping line.
Before: border: 1px solid rgba(0,0,0,.125)
border: 1px solid rgba(0,0,0,.125)
After: outline: 1px solid rgba(0,0,0,.125)
outline: 1px solid rgba(0,0,0,.125)
There might be some box-model downsides to this that would need to be tested out: https://web.dev/learn/css/box-model/.
This method might be useful as well: https://tailwindcss.com/docs/divide-width.
As a user of the card component, I can set a grid of cards without the borders creating an overlapping line.
Before:
border: 1px solid rgba(0,0,0,.125)
After:
outline: 1px solid rgba(0,0,0,.125)
There might be some box-model downsides to this that would need to be tested out: https://web.dev/learn/css/box-model/.
This method might be useful as well: https://tailwindcss.com/docs/divide-width.