Responsive Product Preview Card

Community feedback

• 

  gfunk77•1,200

  @gfunk77Posted about 1 year ago

  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