@jatinahluwalia
Posted
Hey! Great work! For your size of the card, as we know by default <main> element takes up full width of it's container which is <body> in this case. To fix this you can give your body a display of flex and center the card using justify content and align items property on <body> element so that your product card now has a dynamic width and height based on it's content and it's also center on the screen. Hope this helps! You can also see my solution from my profile for this problem for reference!
Marked as helpful
@alexandra-perez
Posted
@jitu2404 I will try this out! Thank you!