Skip to content
Submitted over 2 years ago

order summary component using just css and html

Bamidele-obazu•10
@Bamidele124504
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Order summary component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

i had issues trying to style the svg image to fit to its container, but with a little research i figured it out.

Community feedback

  • Julio Velezmoro•220
    @LakorthusPosted over 2 years ago

    Great work! Just one thing to consider:

    <main="container"> wrapping all the content after the body that way you can give flex to the body align-items (center), justify-content (center) and height (100vh) to move the box summary to the middle of the screen. =) i hope this works for you as it did for me.

    Keep up the good work!

    0

Please log in to post a comment

Log in with GitHub

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