Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Product Preview Card, My Solution

@VincinChristmas

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

I pushed myself to trying to use and understand media queries, though there is still lots to learn.

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

I think I am having a problem with the cache on my browser. The website looked good until I published it. This made me spend a long time on my code thinking that there was a problem there instead. I eventually checked the website on other devices and it worked as intended. I am not sure what is the problem, but I suspect it has something to do with my vpn

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

I need a lot of practice when it comes to building responsive websites properly.

Community feedback

Mir Sahil 120

@sahilmir1

Posted

Hey Vincin, I'm no expert but I think you have done a great job. I think you should practice using flex layout as well. It will help you a lot with your responsive sites. For example, on mobile view your button's width doesn't match the design. This could be fixed with the help of flex layout.

Marked as helpful

0

Please log in to post a comment

Log in with GitHub
Discord logo

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