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

Yvan 60

@YVANDD

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


It was really interested to work on this little project which is help me to learn how to use flexbox properly without any obstacles. Flexbox are very important in designing a web page because it become much easier when you are dealing with responsive webpage.. ** This project helped me to know more about the flexbox which is will help me in journey of web development. and I would like to thank the frontendmentor.io for this opportunity brought to us to pursue and finding our edge in web development..

Community feedback

@samcyn

Posted

well done, but try as much as possible to go all the way to match the design. The image isn't there, to begin with. Also, the button looks different. Check CSS libraries like Bootstrap for tips on how cards are built. See what you can do to improve the fonts as well. Spacing is another thing of concern. The use of margins and paddings is crucial. check for resources like https://www.w3schools.com/, https://www.w3schools.com/ and so on.

0

Yvan 60

@YVANDD

Posted

@samcyn thank you for the feedback and I try as much as I can to correct those thing you have mentioned.

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