Skip to content
Submitted almost 2 years ago

Media Query, Flex, Grid

Justine Santos•10
@hyxenon
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

  1. Changing the mobile image product to desktop image.
  2. Setting the source image
  3. How do I change the mobile image product to Desktop image product?

Community feedback

  • Anubhav Ray•140
    @Anubhav-RayPosted almost 2 years ago

    Hi @hyxenon. Congrats on Completing the Challenge.

    You can use picture tag for setting two different images.

    To make your webpage accessible you should use atleast one main tag to cover your entire html after body tag and should use semantic html

    Marked as helpful
    0
    Justine Santos•10
    @hyxenonPosted almost 2 years ago

    @Anubhav-Ray I tried using picture tag element but the picture doesn't show up in React. I already change the srcset attribute to srcSet

    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