Adding a scroll bar within a div element in a nested Grid
Hello all, I am struggling to get my grid boxes to scroll properly. I have my page divided into different grids and I'd like to be able to add a scrollbar to grids with info that extends beyond the bounds of the box they're in. For instance, the grid in the highlighted section of the image should be scrolling to show all the "content" boxes. However, that scrollbar doesn't function and instead a scrollbar for the entire page is created. Can anyone help me figure this out? Also, if it is relevant, I have the html and body set to height: 100%.
Here is the Codepen I made with all the stuff if you want to see the whole thing: https://codepen.io/AJandRoses/pen/RwEeeOm
1 Reply
For overflow-y: scroll to work you need a fixed height