HTML,CSS and Javascript

Community feedback

• 

  T

  Mike Hayden•1,005

  @mickygingerPosted about 3 years ago

  Hey @sebzz2k2, this is looking really nice!

  You can ensure that the background fills the entire page by adding min-height: 100vh to the body element.

  If you add position: relative to your images div, then you can position the images relative to that. So something like:

  .images {
    position: relative;
  }
  
  img.desk-top {
    position: absolute;
    left: -400px;
    top: 30px
  }
  

  If you then add overflow: hidden to .acc_menu it will prevent the image from bleeding over the edge of the div.

  Because you want the .box image to straddle the acc_menu and the background, you'll need to place it in main. You can then repeat the process on the main to position the .box image where you want it.

  Hope that helps!

  Marked as helpful

  0