Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

product preview card component responsive design

Thomas B 160

@TomBirbeck

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

NicoR23 120

@NicoR23

Posted

Hi, it looks really good. I'm just starting out with this, so I'm not sure if what I'm going to say is correct. In the <main> element, you used display: flex to align it in the center, but you also used flex-direction: column; with align-items: center; and I think you should remove the flex-direction; and just leave the align-items, or you can remove align-items and put justify-content: center;. I'm sorry if I'm wrong.

Marked as helpful

0

Thomas B 160

@TomBirbeck

Posted

@NicoR23 Thank you for the feedback, it was very helpful. I had a look back at my solution and I was actually able to completely remove display, flex-direction, and align-items from the main component at that point in the CSS file.

Thanks again!

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord