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 page built with html and css, with responsive design.

#accessibility#styled-components

@Ferperezm28

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

@thomashertog

Posted

your solution is not responsive... it's adapting to the width yes, but it still uses fixed sizing

other than that you're including both the mobile and desktop image at once (and hiding it via CSS) while you should use the <picture> element to do that (and save bandwidth by only downloading 1 image asset)

you used an <h3> but you lack an <h1> and an <h2>, so your headings are out of order/incomplete

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