Submitted over 2 years ago

Media queries for responsive design, and css variables.

@kevcoder247

A solution to the Product preview card component challenge

Solution retrospective

I found it difficult to figure out how to display two images, or how to have both desktop and mobile images in the same html file.

I'm unsure about how I wrote my css in order to position things, feels like I can write much better css, but I learned a lot which was great.

Would like to know where or how to store or how to work with different image sizes when going from desktop to mobile.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on kevin's solution.

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