Tailwind π nicely done!
I have a couple of minor suggestions:
- The
flex flex-col
can be removed as the elements would naturally stack.
<div class="flex flex-col bg-white p-5 border rounded-3xl w-[24rem]">
// can be updated to
<div class="bg-white p-5 border rounded-3xl w-[24rem]">
- Tailwind has a space utility that acts like flex/grid's
gap
, but without having to add the flex/grid property.
<div class="flex flex-col text-center gap-6 p-7">
// can be updated to
<div class="text-center space-y-6 p-7">
Of course if the flex flex-col
was added with intention, that's perfectly fine as well π
Happy coding o/
Marked as helpful
@rachaelhrlm
Posted
@Milleus
Ah, thank you so much!
I didn't know about the space utility class, that's pretty neat. Updated solution to remove redundant classes and to use the space class.
Thank you so much!