
Submitted over 1 year ago
Results-Summary-Component. Responsive for only mobile and desktop.
@KingLyrics
Design comparison
SolutionDesign
Solution retrospective
Challenges I faced:
- Found it extremely difficult in the beginning stages to wrap the icons with the name of the result(Memory, Vision, etc).
- I built it mobile first and it may have eased a few of the processes to make it desktop responsive, but I still faced challenges such as the padding around the new view. Areas I am Unsure of:
- I feel the spanning is a tad bit too much and could be refactored to something neater and less spaghetti code.
- Responsive view is alright, but could be better.
Questions:
- Tips for responsive design.
- How to write clean code.
Community feedback
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