Skip to content
Submitted about 2 years ago

Order summary card with htmls and css only

python, django
Asongafac•110
@Asongafac
A solution to the Order summary component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I dont know why my image is white at the bottom, but i thin its pretty cool thou

Code

Please log in to post a comment

Log in

Community feedback

  • wannacode•740
    @kwngptrl

    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.

  • Raul Rebolledo•230
    @rrebolledo90

    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; }

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