Skip to content
Submitted about 14 hours ago

Product Card

VADER900000•60
@VADER900000
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

What are you most proud of, and what would you do differently next time?

doing the design to work perfectly on mobile and pc

What challenges did you encounter, and how did you overcome them?

the image being changed from pc and mobile

What specific areas of your project would you like help with?

lemme know if there is a better approach for anything i did or a more semantic way

Community feedback

  • Lo-Deck•2,790
    @Lo-DeckPosted about 11 hours ago

    Hi well done for this challenge,

    I'll give this link you check out the mistake for HTML and CSS. 3WC validator.

    There is some mistake you can see before releasing your website.

    You can use picture tag to display different image depending on the size. Here a link : MDN.

    <picture>
  <source media="(max-width: 799px)" srcset="your path" >
  <source media="(min-width: 800px)" srcset="your path" >
  <img src="your path" alt="your description" >
</picture>

    It's better to use em or rem instead of px. FreeCodeCamp. FreeCodeCamp.

    Hope to be helpful.

    Marked as helpful
    0
  • sing12578•70
    @sing12578Posted about 14 hours ago

    This comment was deleted about 10 hours ago

    0
    VADER900000•60
    @VADER900000Posted about 11 hours ago

    @sing12578 how

    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