Hello I have had this issue since the beginning of my web development start. When I zoom in the container moves in too. any way i can solve this?
.darkslidecont{
width: 200px;
height: 50px;
position: relative;
background-color: white;
left: 80%;
display: block;
flex-wrap: flex;
}<header>
<h1 id="welcomeText"><u>Welcome to My Portfolio!</u></h1>
<div class="darkslidecont">
</div>
</header>I have played around with the positions and display but no luck
>Solution :
Reset css
* {
margin: 0;
padding: 0;
}
.darkslidecont{
width: 200px;
height: 50px;
position: relative;
background-color: white;
left: 80%;
display: block;
flex-wrap: flex;
}<header>
<h1 id="welcomeText"><u>Welcome to My Portfolio!</u></h1>
<div class="darkslidecont">
</div>
</header>