Skip to content
Submitted over 2 years ago

Responsive Order Summary Component

JackoWill•40
@JackoWill
A solution to the Order summary component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

My third project on FEM. Absolutely loving it. It is really giving me motivation to learn more.

Would love to hear feedback from people if I need to fix anything up, still a big newbie here so any tips would be much appreciated!

Kind regards, Jacko

Code

Please log in to post a comment

Log in

Community feedback

  • subu•390
    @subu-v

    Great works,

    1. you can see your background-image is repeating itself, in order to avoid that use background-repeat: no-repeat.
    2. Set the background-color of body element to the blue it shows on the required design
    Marked as helpful
  • LEO•170
    @Leo-LC

    Hey Good job overall. First thing I could think of in order to improve your solution according to the design is to make a small change to the background. Try to give it the property of : background-repeat : no-repeat it should help you get closer to the design. And it's usually what you're going to use most of the time, unless you're using a specific design ou trying to go fancy with a background =)

    Marked as helpful

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