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

Results Summary Component Challenge

Desktop design screenshot for the Results summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

MH-Rashid 50

@MH-Rashid

Posted

Suggestions

  • Change to mobile view only once the window has been narrowed down to the width of the card
  • Add a min-height condition to your query to activate for window sizes which are less than the height of the card
  • Not emboldening where required by design
  • Incorporate active/focus state for button click, not just hover. Maybe choose a darker colour than for the hover state
  • Keep css file where it's easy to find, preferably on same level as index.html

Overall, great work! The relative dimensions for the card, results and summary section, text, boxes as well as the colours -- are very accurate across desktop and mobile

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