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

Responsive HTML & CSS project of an order summary component card

@ZhansauleT

Desktop design screenshot for the Order summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi, everyone!

This is my solution for order summary component card design using only HTML & CSS. I would really appreciate it if you gave some valuable feedback on my solution and how it could be improved. One note from me is that the color of the "Process the payment" button and the "Change" link while hovering is not specified in the style guide document, that's why I choose something close to that color.

Community feedback

Hikmah 1,090

@Hikmahx

Posted

The website looks great. I think you should transfer the background-color: hsl(225, 100%, 94%); to the body from the card main section so that the attribution appears inside the component. Also, you can add a little padding at the bottom of the attribution, maybe like 0.5rem or 2px, so it doesn't stick too close to the bottom.

Marked as helpful

0

Hexer 3,680

@Phalcin

Posted

Great work man.

0

Naveen Gumaste 10,480

@NaveenGumaste

Posted

hay! Zhansaule Telisheva Nice work

happy Coding😀

0

@ZhansauleT

Posted

if the GitHub page link doesn't work, you can look at my solution here as well: https://zhtel.ru/order-summary-component/

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