Skip to content
Submitted over 1 year ago

Order summary using grid and limited margin

Jeff Shaffer•80
@shafferj8
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

Gaining more and more confidence. I still get hung-up on getting the correct layout, but I'm getting faster with every challenge. Looking forward to any pointers/tip you can give me.

Community feedback

  • mohamed nasr•160
    @stitch-606Posted over 1 year ago

    1- you didn't add the background photo for either mobile or desktop. 2-try to use media queries to make your mobile design more useable. 3- add a container div to place the card in it instead of using the <body>. 4-in the pricing div put the image "the icon" inside the "annual-plan div" if you want to use justify-content: space-between. I hope it's useful ... happy coding :)

    Marked as helpful
    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