Responsive base apparel page

Community feedback

• 

  Aimal Khan•2,260

  @Aimal-125Posted over 1 year ago

  In your HTML code:-

  <header>
  <img src="images/hero-mobile.jpg" alt="" class="woman">
  <img src="images/hero-desktop.jpg" alt="" class="woman-big">
  

  Place these two <img> elements inside separate <div> elements. For the desktop version set the height and width of this <div> element and give <img> element width: 100%; height: 100%; On my laptop your image's top part is out of screen because of margin-top: -123px; So, by placing <img> elements inside <div> elements make them intact inside their containers and it will not move.

  Marked as helpful

  0