Submitted almost 2 years ago

order summary component

Godfrey Ikhuemein• 20

@GsaxVibe

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Order summary component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

challenging but really interesting. would appreciate some feedbacks and tips on how it could have been better

Community feedback

Charles Mambo• 650

@charlesmambo

Posted almost 2 years ago

Hey bro congratulations for completing this challenge I've few things I think you should add Add margin between the music icon and the annual text and also add a padding-bottom to text container .container { background-color: white; margin:20px; border-radius: 5px; box-shadow: 3px 3px 3px hsl(228, 45%, 44%) padding: 40px; }

Marked as helpful

Godfrey Ikhuemein• 20

@GsaxVibe

Posted almost 2 years ago

@charlesmambo Will do that Can i edit the solution even as i have already submitted ? And how do i get the right size

Kyeremateng Gabriel• 160

@genos-ux

Posted almost 2 years ago

@GsaxVibe Awesome design on your first try just that you could try making the design more mobile responsive first before you move on with the desktop screen.You could try using CSS frameworks or better still media queries will be fine . Happy coding

Godfrey Ikhuemein• 20

@GsaxVibe

Posted almost 2 years ago

please how do i know the right size to use????

Charles Mambo• 650

@charlesmambo

Posted almost 2 years ago

@GsaxVibe edit your project local with your text editor and then when you get the right size you want that`s when you copy that part you edited and past it in your github code. You know how to edit local in github right or you should try to upload your project using github desktop. it allows you to do edit code your anytime you want really easy .

Marked as helpful

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