Skip to content
Submitted over 1 year ago

Plain CSS and HTML - Not perfectly responsive

prjwl16•80
@prjwl16
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Product preview card component
  • HTML
  • CSS
1newbie

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
    @Bl4ngkPosted over 1 year ago

    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

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