All comments

• 

  Hanna K• 30

  @hannakozak

  Submitted over 1 year ago

  I made the Managing Landing Page challenge to repeat and learn how to make responsive pages. I struggled with placing the background image like it is in the given design. I would be glad to receive any feedback about my solution.

  

  Manage Landing Page

  1

  5

  0

  

  Felipe Miranda Marreiros• 160

  @felipe-miranda-marreiros

  Posted over 1 year ago

  I think you can use relative/absolute positions with an img element. Then use z-index to make it behind the sections. You can also experiment CSS's background-image with background-position property. Maybe you can set the background-image in the body since you can use it as many as you like.

  I also think you can use pseudo elements, for example, in the hero section and set the position according to the design.

  You can play around with background-position using DevTools.

  0