Submitted 8 months ago

Result Summary Component Solution

noctwo•30

@noctwo

Preview site View code

This is a solution for...Results summary component

HTML
CSS

1newbie

Design comparison

SolutionDesign

Solution retrospective

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

Did not find a simple way to realise the different colors of the rows on the right side. Also i did not find a efficient way to realise the text in 3 different colors inside the rows. There must be a better way than multiple with extra css styles for each of them!?

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

How could i have done the rows and the diffetent text colors on the right side with less css and html?

Community feedback

Grace•31,150
@grace-snowPosted 8 months ago
Have you had feedback on earlier challenges? This seems to be missing a lot of meaningful html structure and that understanding is usually learnt in the simpler challenges.

It looks like you've jumped ahead to me. There's a lot of repeating css and you've worked desktop first which is unusual.

I recommend you pause this one and return to it later. Focus on following the challenge order recommended in the roadmaps channel of discord or follow the suggested order here https://fedmentor.dev/posts/newbie-fm-challenge-order/
Marked as helpful
0
noctwo•30
@noctwoPosted 8 months ago
@grace-snow Thank you very much grace! I did not know that there is a recommended order. I will check it out, do the other challenges first and revisit this one. The repeating CSS concerned me while writing it and i thought that there has to be a better way.

Edit: Not really much Feedback on earlier challenges, no.

Cheers
1

Please log in to post a comment

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