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

Mind in Colors: Cognitive Skills Summary

alchrdev 170

@alchrdev

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?

I completed the project, managing gradients, custom variables, and transparency. Although it was a frustrating process, I achieved a functional result. In the future, I will look for other methods to implement these elements and improve my technique.

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

Adjusting the gradients to match the design was complicated. I opted for the HSL color system for better manipulation of transparency and tones, which allowed me to achieve the desired effect despite the difficulties.

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

I would appreciate advice on:

  • Gradient Implementation: I'm looking for more direct and less complex methods to work with gradients and transparency.
  • Custom Variables in Media Queries: Is it appropriate to change properties like --border-radius based on screen size?
  • Workflow Different from Tailwind CSS: I want to learn how to define and use colors with transparency more efficiently and less confusingly.

P.S: This was one of my first projects that I worked on when I was just starting out.

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