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

Responsive Result Summary Component - Exploring CSS Methodologies

cube-css, accessibility
Ozzy-codes•130
@Ozzy-codes
A solution to the Results summary component challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


Hey y'all,

In this project, I tried to explore CSS design principles that would allow for a product that is flexible, scalable, and modular. In the design you will find that I used context selectors, utility classes, and lobotomized owl selectors. I would appreciate if you could take a look at my code for feedback! What best practices have you come across that I'm missing?

I'm especially interested in ensuring I am writing with accessibility in mind. For those that are more familiar with these best practices - Is this product accessible?

Care to see how I approached this project? Take a look at my README

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 Ozzy-codes'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

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