P
Bruno Banoczi-Cs• 40
@L4r4TW
Posted
It's a pleasure to see a so perfect solution. The mobile view is also beautiful.
Making the image responsive was a huge pain for me to, I copy my mediaquery selection, hopefully it will show you something helpful:
/* Remove border radius on mobile screens */
@media (max-width: 768px) {
/* Adjust the breakpoint as needed */
.container {
border-radius: 0; /* Remove border radius on mobile */
margin: 0;
padding-top: 0;
/* box-sizing: content-box; */
}
.container img {
border-radius: 0;
width: 100vw;
height: auto;
margin-left: calc((-100vw + 100%) / 2);
}
}
0