Skip to content
Submitted 5 months ago

Product-preview page using HTML and CSS

𝓛𝓮𝓸𝓼𝓶𝓪𝓻𝓽•80
@leo-smart7
A solution to the Product preview card component challenge
Preview (opens in new tab)Code (opens in new tab)
Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Edwin Ndambiri•110
    @EdwinNdambiri

    Nice

  • P
    Ethan John Paguntalan•260
    @dev-ethanjohn

    Hey Leo, I hope you are well.

    Your HTML structure looks good and your code is good enough for semantics. Good way you use main for this. There are things I may recommended you to check out.

    1. You can add article or header on your HTML for better semantics.
    2. Using px on media query is valid, but I recommend you use em for better scaling and for accessibility.
    3. I notice on mobile, the image is not displaying, try to fix your src.
    4. It would be better if you try to emulate as much as possible the design specifics even if these are minor styles like line-spacing, your use of font-family on some components, and among other things.

    Wish you success and more power!

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