How do I decrease the size between the bottom of the card and creator's avatar and info? The very bottom part has too much space between elements but I don't know how to decrease that size. Tried margin-bottom and did not work. Anyway, this is the best I can do for this one.
You don't have to use "display: grid" in class main-content. Just add padding to all div manually or change the "display:grid" into "display:flex" and add "flex-direction: column"
As I am free user , I can't get figma file . So the design is not accurate.
My tip is you can copy the image and paste it in your Figma and re-create the design, make the image provided for free users as guide for the dimension of the design. It's a lot of work but it's worth it!
