I've been facing an issue with applying height and width to div elements in my project. The tech stack I'm using includes TailwindCSS and Nextjs.
My objective is to create vertically snap-scrolling slides, but the height and width properties seem to be getting stripped out in the browser rendering.
If anyone has any suggestions or solutions, please help as I'm running out of options.
Here's a snippet of the CSS code for both the container and each view:
.snap-container {
overflow-y: scroll;
width: 100%;
height: 100vh;
display: flex;
flex-flow: column nowrap;
}
.snap-view {
height: 100vh;
width: 100%;
display: flex;
}