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

Plain CSS and HTML - Not perfectly responsive

prjwl16 80

@prjwl16

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


I am struggling with media queries and when working with images. Dont, understand how to align them properly.

Community feedback

Bl4ngk 110

@Bl4ngk

Posted

You need to use a <picture></picture> tag to display different image based on your screen width

For the media query you don't need to set max-height:667px. You also need to provide padding to the body if you see the mobile design there is padding on the top and side

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