Nice job on your solution. Your card looks great!
-
I see that you have multiple media queries but they are all defining the same thing. If your media query is
@media (min-width: 1200px) {}
all of your style can go in the curly braces. You don't need multiple media queries. -
Since you represented your card as the <main></main>, I would suggest adding
body { display: flex; justify-content: center; align-items: center }
This will center your <main> on the screen and you don't need margins.
I hope this helps. Again, great job on completing the challenge!!
Marked as helpful
0