display: sticky;

So I just remade my about me page. and on the navigation sidebar I tried using display: sticky;

I mean I know about display: sticky; since forever, and I know it's awesome, I just have no place to use it for yet. OR SO I THOUGHT

That about me page used to function like this:
There's two divs inside a flexbox. Left one for the main content, Right one for the navigation. I fixed the height of the flexbox to be screenheight, and made the left div overflow-y: scroll; ... the result? Right div is always on the screen even while scrolling on the left, it sticks.

And I lived with that for like a year, it looked awful and also just doesn't really function well. I was remaking the page another day and somehow this idea popped into my brain that, hey, why don't you use display: sticky;?

Problem Solved and it looked soooo much better too. Like why did I never thought of that?!

SO, go use display: sticky; right now. You may have no place to use it yet but remember this T_T