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

375px&144px screen responsive Perfume Card Shop

@mussino

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?

adjust better the screen size

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

media query, I checked online and read how to do better.

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

all sizes of screen

Community feedback

P
WB52 100

@WB52

Posted

Your design is larger than the original but a good representation style wise.

Something I've been using is a chrome extension called PerfectPixel, it helps for getting the sizing more accurate. It allows you to overlay the design files on top of your own design and change the opacity so you can size and line things up better to the original designs. It's well worth a try and it's free....

0

@mussino

Posted

Thanks so much I will check and try it out!@WB52

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