-1

I finally figured out why my sidebar kept breaking, and it was 100% my own fault

Spent like 3 hours on Tuesday fighting with a dashboard layout where the sidebar would jump around every time the main content got long. I kept adding minmax() and auto-fit everywhere thinking that would fix it, but nothing worked. Then I opened dev tools and saw the grid container was set to height: 100vh with overflow hidden on the parent, so the whole grid was squishing rows instead of letting them grow. Turns out I just needed height: auto on the container and the sidebar snapped into place instantly. Has anyone else run into that vh trap where it looks fine until your content gets taller than the screen?

0 comments

0 Comments

No comments yet

Be the first to share your thoughts on this discussion.