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
- @JimTK16Posted 11 months ago
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 helpful1
Please log in to post a comment
Log in with GitHubJoin 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