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

mandy18 50

@nmk18012003

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


I hope you can give me some valuable feedback....would really appreciate it.

Community feedback

@md-abid-hussain

Posted

Congratulations ✨✨ on completing your first challenge on frontendmentor.

I have few suggestion to improve design and accessibility

  • There is an issue with the break point of the media query : Try applying the break point when the window size reaches the width of the component. In your case it break when width of browser is equal smaller than the width of component and which causes vertical scroll bar.
  • Using semantic HTML : Semantic html is helpful in defining sections of your web page. It makes web pages more informative and adaptable, allowing browsers and search engines to better interpret content.
  • You can make the body cover the whole screen by applying min height in style

There are few resources that may help you:

Marked as helpful

1

mandy18 50

@nmk18012003

Posted

@md-abid-hussain Thank you so much for the feedback....really appreciate it.

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