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

Results Summary Component using CSS Grid, Flex and bem

@thisispeterj

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


What are you most proud of, and what would you do differently next time?

Combining both CSS Flex and Grid styles to utilize their strengths

What challenges did you encounter, and how did you overcome them?

Keeping my code to a minimum while adding custom styling to each Summary type

What specific areas of your project would you like help with?

Any advice on being smarter with the amount of css and html I'm writing. What custom properties could I use to reduce the code I've written.

Community feedback

P

@memominguez

Posted

CSS coding. It uses to grow huge, you are not alone.

Using plain CSS, you may consider organizing separate files. Sometimes, I use filename.module.css modules. Still I'm not fond of Tailwind.

0

@ad-monir2001

Posted

Hey there, You have done a nice project. Keep coding. I wish a better future of you of coding.

0

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