Skip to content
Submitted over 1 year ago

Order summary card with htmls and css only

Asongafac•110
@Asongafac
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 dont know why my image is white at the bottom, but i thin its pretty cool thou

Community feedback

  • wannacode•720
    @kwngptrlPosted over 1 year ago

    Nicely done. With the musical note icon (besides the 'annual plan'), you can set height and width so it wouldn't get squished as the viewport goes narrower.

    0
  • Raul Rebolledo•230
    @rrebolledo90Posted over 1 year ago

    In your body, set background-size to contain instead of cover, and add the background color #dfe6fb in the body and you should take care of that white space you mentioned.

    Body { background-size : contain

    background-color: #dfe6fb; }

    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