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

@Aazeez257

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


Requesting Feedback on my Design. 😊

Community feedback

Frieden 260

@Amanmawar17

Posted

Hola amigos! two problems first in summary description remove border and second button have some padding. A quick tip that if you adding bottom margin to every description item than what you can do that apply margin in y direction to the middle element it sets perfectly. Thank you!

Marked as helpful

0

@Aazeez257

Posted

@Amanmawar17 Thank you very much. I did the changes and it looks perfect

0
Aimal Khan 2,260

@Aimal-125

Posted

In your css code, give .container class width of 90% instead of 72rem to responsify your card component.

0

@Aazeez257

Posted

@Aimal-125 if I set 90% it will stretch in big screen right?

0
Aimal Khan 2,260

@Aimal-125

Posted

It is already stretched on my j3 device when i rotate it but i asked you to do it so that the card leaves some space from horizontal axis not vertically by using media query with max-width: 400px; @Aazeez257

Marked as helpful

0

@Kiburstgr

Posted

Great work. You made a great replica of the design. Slight problem could be the black border on the results. You can do (border: none;) to get rid of it if you want. Otherwise great work:)

0

@Aazeez257

Posted

@Kiburstgr did you mean the button's active stage?

0

@Kiburstgr

Posted

@Aazeez257 I replied based on the screenshot. But you got it right on the actual preview :)

1

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