Skip to content
Submitted about 3 years ago

Order Summary HTML/CSS

stephlinya•25
@stephlinya
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 would like to know the best way to position the background and hero image so that it shows the torso up each time even if the screen sizes change. Currently they both respond to screen changes and at bigger screen sizes, the view of the image zooms in and cuts out the torso. As for the background image, I couldn't figure out how to position it so that the wave is in the middle. Hopefully my question makes sense. Thank you :)

Community feedback

  • Yacine•120
    @yorlinePosted about 3 years ago

    Try to increase a bit the min-height on the hero div and set background-position : center

    Marked as helpful
    0
    stephlinya•25
    @stephlinyaPosted about 3 years ago

    @yorline ah great! that did the trick :)

    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