@DanK1368
Posted
Hi Byron, nice work. I uploaded the challenge the other day and for some reason when viewing the site on my cellphone I can scroll beyond the content. I have overflow set to hidden though. The same occurs when viewing the site in the browser using the responsive window and setting the touch simulation to enabled. When its disabled though, it works as intended. Hope you can have a look :) I used react and styled components for mine
@byronbyron
Posted
@DanK1368 Hia mate.
Try position: fixed;
instead of position: absolute;
.
@media screen and (max-width: 670px) {
.ggprRt {
/* position: absolute; */
position: fixed;
top: 0px;
left: 0px;
height: 100vh;
background-color: rgba(0, 0, 0, 0.5);
transform: translateX(110%);
opacity: 0;
}
}