Aimal Khan• 2,260
@Aimal-125
Posted
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