Skip to content
Submitted about 3 years ago

HTML and CSS

haseeb6111•70
@haseeb6111
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

Hi! I am a newbie and please give me suggestions about writing better code and more cleanly and I hope to learn from you

Community feedback

  • Joaquin•410
    @JoadevyPosted about 3 years ago

    Hi bro, i'm also new like you but i think you did a really good job. Your solution has some differences with the design but its ok, i didn't see the code but the image needs a background-repeat: no-repeat and the main component needs a box-shadow, especially at the bottom, something like "box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.2)"

    Marked as helpful
    0
    haseeb6111•70
    @haseeb6111Posted about 3 years ago

    @Joadevy Hi, I did try putting background-repeat to no-repeat but then the hero-illistration image just disappears, so I removed it. Also, there is a box-shadow under payment button but I made its color very light as it is in the design, it is barely visible.

    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