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

Result Summary Component

Shinia 20

@Shinia-Gupta

Desktop design screenshot for the Results summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Facing issue with responsiveness of the site. Cant make it responsive to mobile. Any suggestions are welcome! Thank you

Community feedback

JimTK16 370

@JimTK16

Posted

Hi, some of my suggestions for improvement are:

  • Avoid setting fixed height. An example is that for .container, you can remove the setting height: 60vh.
  • Don't set fixed width for element when unnecessary. You set width: 500px for .summary, I think this prevent the element to be responsive.
  • Set media query at your container width (48vw) instead of 375px.

Link to my github code for this project: https://github.com/JimTK16/results-summary-component

Marked as helpful

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