Skip to content
Submitted almost 2 years ago

Responsive page using flexbox

Tiago R. Oliviera•40
@tiago-ro
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

Hi, I'm Tiago. This is my solution for the product preview card component

Built With:

  • HTML
  • CSS
  • Flexbox

Feel free to To give sugestions/ feedback. Thank you!

Community feedback

  • Mirza Monirul Alam•680
    @WebDevMirzaPosted almost 2 years ago

    Hi,

    Congratulation on this solving this project.

    • You do not need alt text inside source tag.
    • Use alt tag in img.
    <picture>
        <source media="(min-width: 376px)" srcset="images/image-product-desktop.jpg" >
        <img src="images/image-product-mobile.jpg" alt="Perfume Channel Gabrielle">
      </picture>

    I hope that it might help you. 👍

    Thank you.

    Marked as helpful
    1

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