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 component

@aristide5010

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


Feel free to let me know what could have been better! Thank you

Community feedback

P
Dean 480

@Deanogit

Posted

Hello @aristide5010

Great effort submitting this challenge

I am looking at your code are realised the layout does not respond to different sized screens.

When a user opens this site on a mobile or device with a screen smaller than say 500px wide, they will need to scroll across the screen to see all the content that is hidden off screen.

In order to improve the user experience for your project, it is possible to adapt the layout of the page to suit different sized screens by using media queries

This is described within the approach of Responsive Web design (RWD)

Check out the documentation here for more information.

I hope this helps

Above all, your solution is looking great!

Marked as helpful

1

@aristide5010

Posted

@Deanogit I completely overlooked this. Thank you for pointing it out, I will give it a try.

1

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