White space
Hi! This is my first website and I have no idea why there is white space on the right. I tried to give HTML a 100% width, i tried overflow-x hidden and I even tried wacky stuff like negative margin right values but nothing works. My code is really long because of media queries, but I hope you'll be able to help
'''@media (max-width: 420px) {
.button-86{
transform: translate(50vw,97vw);
}
#intern {
height: 160vw
}
.p-line {
transform: translate(0vw,32.5vw);
overflow-x: hidden;
}
.intern-p {
font-size: 5.5vw;
width: 80vw;
margin-top: 21vw
}
.intern-p-2 {
margin-top: 45vw
}
#small-container-img-1,#small-container-img-2,#small-container-img-3 {
width: 30vw;
margin-top: 14%
}
#button {
display: none ;
}
'''@media (max-width: 420px) {
.button-86{
transform: translate(50vw,97vw);
}
#intern {
height: 160vw
}
.p-line {
transform: translate(0vw,32.5vw);
overflow-x: hidden;
}
.intern-p {
font-size: 5.5vw;
width: 80vw;
margin-top: 21vw
}
.intern-p-2 {
margin-top: 45vw
}
#small-container-img-1,#small-container-img-2,#small-container-img-3 {
width: 30vw;
margin-top: 14%
}
#button {
display: none ;
}
