Skip to content
Submitted almost 3 years ago

Order Summary Component

accessibility, webflow
Gabriel Ojeaga•40
@Gabriel4PF
A solution to the Order summary component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

HI I completed this challenge using flexbox layout, it was my first time using SVG graphics, so that was a bit of a learning curve, but I could match the design as close as possible. If you have any suggestions on how better I could have implemented the SVG graphics for the background please leave a comment, All feedback is much appreciated.

Code

Please log in to post a comment

Log in

Community feedback

  • Fatlind Shehu•2,230
    @fatlindshehu

    Hi @Gabriel4PF,

    To be honest, the project itself looks great, I think there's not much to add to that, I would suggest some general rules for bigger projects, like:

    • Avoiding the use of px and trying one between rem or em they're a big help when coming to responsive design.
    • A naming convention for CSS classes would be nice to use, I personally recommend BEM ( Body Element Modifier) but there are others also.
    • A nice addition to your skillset would be the use of a CSS pre-processor, I use sass you can choose whichever you prefer.

    Keep it up and happy coding...

    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