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-COMPONENT using flexbox

@Akinyemi4

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


Please help check my work, I would love your feedbacks on it.Thanks

Community feedback

Roshan K.C 150

@roshankcpkr

Posted

Here are some of the things that I have noticed.

  1. Try increasing blur radius in box shadow property of class main-container and use rgba as color because you can use a as fourth property to set opacity.
  2. Font weight and color of title should be bolder and more blue.
  3. Fix hover color on proceed to payment button and also add 0.2em more padding top and bottom on it.
  4. Try decreasing opacity of background color on annual plan div. You can also use color in rgba format in this case.
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