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

I used flexbox on multiple occasions for the layout.

S.Aloui 300

@Souheib-Aloui

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


  • What i found the most difficult was the responsiveness , couldn't get it to work due to my lack of knowledge.
  • The image behavior , its width and height was challenging at first .

Community feedback

@DragonFireShield

Posted

Just one suggestion I could think of atm:

To center the card and show the attribution under it, you can update the body's flex-direction to column and then add a gap to increase the spacing between the card and attribution elements.

1
S.Aloui 300

@Souheib-Aloui

Posted

  • Thank you so much , I changed the flex-direction to the body , then added gap as you said.
  • Guess i was too nervous to notice, first time using git and showing code to other people. Once again , much appreciated , means a lot.
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