Submitted 6 months ago

Product display using html and css

VISHALKANNAN070• 130

@VISHALKANNAN070

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Product preview card component

HTML
CSS

1newbie

View challenge

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

@thisispeterj

Posted 6 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

Please log in to post a comment

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