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

dab 10

@Deibethb

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


This is my first challenge, i`ll acept sugest

Community feedback

Omar 560

@to-my-learning-path

Posted

Few suggestion:

  • Add descriptive text to the alt attribute of the images. Adding alternative text to images on your site is a principle of web accessibility. Learn More.
  • Use Picture element to display different images for different screen sizes. For example in your code:
<picture>
    <source media="(max-width: 375px)"srcset="img/image-product-mobile.jpg"/>
    <img src="img/image-product-desktop.jpg" />
</picture>
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