Skip to content
Submitted 8 months ago

Product display using html and css

VISHALKANNAN070•130
@VISHALKANNAN070
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?

Ill try to make it more responsive

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

There are still more to learn about positions in css and also about media queries

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

Ill need help with media queries and positions

Community feedback

  • Peter Jacobs•190
    @thisispeterjPosted 8 months ago

    The layout for the card looks good. However the design calls for different colors and fonts in a few areas including the body background, as well as the fonts used for the card headings and card text, and prices. Another tip would be to use the picture tag along with srcset to update the image of the perfume between the mobile and desktop versions. Here is an article with more information:

    https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images

    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