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

Mobile-first approach with flexbox and SCSS variables

Brendon 70

@bcrave

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


This one had a lot going on color-wise, so it was very helpful to have all of my colors saved into SCSS variables. Mobile-first was definitely the way to go with this one. Once I had the mobile styles buttoned down, it was easy to add a few changes in a media query and make it look good on desktop. The biggest challenge for me was getting the desktop styles to match the design on the left side. I don't know if I just needed to make the individual elements smaller or what.

Community feedback

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