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

flexbox

@Mondiserh

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

P

@AlexandruStefanGherhes

Posted

Hello @Mondiserh, congrats on finishing the challenge, but there are a few more things needed to polish this one. I see that you built the challenge on desktop first, which is not really an issue, but if you look at your mobile display the design is not responsive.

Your main container has a fixed height of 48 rem, which leaves you with the white border at the bottom of the display. I would recommend setting it to 100vh, and inside the main container create another div call container that holds the rest of your elements. For the button, you can remove the border to have a sharper look.

Marked as helpful

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