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 sumary Component

@ignaciorumbodesk

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


well, this challenge was not too hard for my. i forget the semantic HTML again (lol) but the code works!

give me feedback please!!

Community feedback

@ratul0407

Posted

Congratulations on completing this challenge🎉🎉

you should do this to your body👇

body {
    background-image: url(./images/pattern-background-desktop.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-color: hsl(225, 100%, 98%);
}

instead of just setting a background-size of cover to the background image. Your .mainContent should have the background color of white and your .planInfo should have the background color of your body hsl(225, 100%, 98%) and color the h2 and h3 according to the design and set the border radius of you .mainContent for the border radius of the bottom

I hope it was helpful 👍👍

Have a nice day :D

Marked as helpful

1

@ignaciorumbodesk

Posted

@ratul0407 hello! Thank you very much for your suggestion. i really appreciate it. I will make the changes

1

@ratul0407

Posted

@ignaciorumbodesk you're most welcome😉👍

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