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
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


I had difficulty selecting the colors and trying to match them exactly. My solution is slightly off but it can still be better.

Is it a bad idea to use the same repository but create different branches for each challenge?

Community feedback

Daniel πŸ›Έβ€’ 44,230

@danielmrz-dev

Posted

Hello @EChilin5!

You did a very good job there!

I have a very simple suggestion for improvement:

  • Since the button continue is a clickable element, it's nice to add cursor: pointer and a color shift as hover effects.

πŸ“Œ This gives the user a visual indication that the element is clickable, as obvious as it may look.

I hope it helps!

Other than that, you did a great job!

Marked as helpful

0
Raza Abbasβ€’ 790

@RazaAbbas62

Posted

For colors, as mentioned in styles guide you can use hsla() instead of using #, and for button, you should border: none, to remove the default black and gray border.

Not necessarily a bad idea. Using separate branches in the same repository for different design challenges can offer a structured approach. It allows you to isolate changes for each challenge and iterate independently. However, ensure proper branch naming conventions for clarity.

Marked as helpful

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