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

Order Summary

@Patryk255

Desktop design screenshot for the Order summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Danilo Blas 6,300

@Sdann26

Posted

Hi Patryk!

It has turned out quite well but there are some things to improve.

The texts order Summary and Annual Plan have the following color assigned hsl(223, 47%, 23%)

Also add the background color to the body background-color: hsl(225, 100%, 94%);

You could also add animations as a small transition, for example to this rule of your CSS transition: all 300ms

#card .cardFooter button {
    ...
    transition: all 300ms;
}

You can apply this to any rule that has hover, active, focus, etc.

Good coding!

Marked as helpful

1

@Patryk255

Posted

@Sdann26 Thanks for your feedback, not everything is perfect but without figma or something it is hard to make it 100% like on the design photo.

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