@alexandra-perezSubmitted about 1 year ago
- Originally I struggled with optimizing for mobile/using CSS media query, since I built this with desktop-viewing in mind first.
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!