Skip to content
Submitted 24 days ago

Product preview card component using Html and CSS

Jogramador•100
@Jogramador
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?

I'm proud to have made the change from one column (mobile) to two columns (web).

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

Image. I was able to use the source tag to change the image based on the screen size

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

I need to improve my understanding of rem and spacing.

Community feedback

  • Sean Chen•170
    @chenmeisterPosted 24 days ago

    Overall, this solution looks really good. It looks almost exactly like the design. I am also studying more about rem and spacing. While looking at the source code, I saw you took the mobile first approach with CSS. Keep up the great work.

    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