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

Mirjax2000 680

@Mirjax2000

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?

"art direction" and "resolution switching."

I made another two copies in lower resolution width exact container width, and save some bandwith and higher resolution imgs are used for retina displays x2 and higher. for every resolution switch.

This is lot of code. And if there will be more pictures on the site it will be nightmare. But it is doable and it speeds up the site.

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

The most of the time i strugle with resolution switching and @media for it.

 
                    
                    
                

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

"art direction" and "resolution switching." that is pain. But now i have some templates which i can use.

Community feedback

P

@danielbasilio

Posted

hi,

Just to maintain good organizational practices, it would be interesting to keep all images within mass assets

Marked as helpful

0

Mirjax2000 680

@Mirjax2000

Posted

@danielbasilio explain more.

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