Submitted over 2 years ago

Order Summary Component

largecat• 10

@largecat

Preview site View code

This is a solution for...

Order summary component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

I'm open to any advice regarding my html structure or css. Thanks!

Community feedback

Luis Colina• 1,043

@Comet466

Posted over 2 years ago

good work for this challenge largecat, the box looks like the intended design and its responsive, in the body tag where yor set the background image you can set the property background-repeat to no-repeat, so it doesn't look like that

largecat• 10

@largecat

Posted over 2 years ago

@Comet466 thanks a lot! just made those changes now.

Mako K• 165

@makjnr317

Posted over 2 years ago

Some Tips

remove repeat from your background image
add a background color similar to that on the design
Use flex to make less use of margins and padding. It makes things easier

Otherwise everything is okay

largecat• 10

@largecat

Posted over 2 years ago

@makjnr317 thank you for the advice! changes have been made. and yes I need to get a little more familiar with flex. much appreciated.

Razu Ahmed• 0

@razuahmed21

Posted over 2 years ago

I think last 2 button should be cursor pointer

Please log in to post a comment

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