The first thing that catches the eye is the thickness of the border. It should be 1px
. Even though there is no predefined class in Tailwind CSS with that thickness, you should've used border-[1px]
.
Also, I think you should fix the height to 522px
by using h-[522px]
.
Your custom shadow has an offset of 10px in both directions, which is close to 8px
but still not exactly 8px. Next time, take a closer look at the provided Figma file.
Apart from that, your card seems identical to the reference. Keep up the good work!
Marked as helpful