Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 2 years ago

Results-summary-component

Cesar D.•400
@ThatDevDiaz
A solution to the Results summary component challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


Not gonna lie, this one took me longer than the other newbie challenges I've tried. I would appreciate some feedback or answering of some of my questions here.

First things first, prettier kept telling me my HTML had an error and it couldn't format properly. The code ran just fine and I could not locate it. Within the HTML I've left some comments so you can locate it. It specified line 34 was not being closed properly but it was? Idk. This one was bugging me.

Secondly, the button has a gray-ish border even though I set box shadow to none and border to match the white background. Not sure why this keeps happening on my button elements. Maybe it's the element itself doing it.

Lastly, figuring out the spacing and all the flex properties was a big game of ping pong. Constant back and forth adjusting things. Maybe I did something to make my workflow tougher and I'd appreciate some feedback on cleaning up my flex.

Overall I'm glad I was able to complete this when just a week ago I had no idea how I would even start.

Thanks for any feedback!

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Cesar D.'s solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License