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

P
gurpal-dev 240

@gurpal-dev

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'm happy I done this challenge even though it doesn't totally turned out how I wanted it. This one is kinda challenging.

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

Many challenges: responsiveness, paragraph width, the gradient effect, width of the elements.

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

I want help with element's width and its children's width. Like how can i stop elements basing their width on children's width.

In this project, I wanted to assign the width of the paragraph individual to its parent element but somehow it's not happening. If i change the width of the paragraph, the card element which is holding everything inside bases its width on it. How can I modify the paragraph's length independent of its parent's width?

By the way, I'm using the free version. So I'm just guessing the measurement of elements.

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