Hello I'm newbie at this. I have a problem. I have two boxes, when I change the screen size or I zoom on the page it desaligns and moves to another part of the page.
What I have to do?
This is my code:
First box:
Second box:
Thanks
What I have to do?
This is my code:
First box:
CSS:
.abt-me {
position: relative;
width: 800px;
height: 250px;
padding: 1%;
color: #2c3d42;
display: block;
content: "";
margin-top: -2550px;
border: 1px hidden;
font-size: 18px;
border-radius: 40px;
box-shadow: 5px 5px 30px 7px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 2px 3px 17px 6px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 2px 3px 17px 6px rgba(0, 0, 0, 0.3);
}
Second box:
CSS:
.wrapper {
width: 40%;
min-width: 590px;
transform: translate(-50%, -50%);
margin-top: -830px;
margin-left: 542px;
}
.container {
width: 100%;
padding: 30px 30px 50px;
background-color: rgba(29, 37, 44, 0.8);
border-radius: 10px;
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2);
}
Thanks