I’ve used Flexbox to create a “Sidebar layout” with the intention to place my vertical menu in the left column and my content in the right side which allows for scrolling.
Unfortunately none of my menu items work after create section IDs and linking to these for my menu items. Also, none of the menu items are highlighting when the corresponding section is in view…
Do vertical menus even work in this particular flexbox setup?
I would not recommend using flexbox for global layout. And for create a layout that you want all you need is set position: fixed and height: 100vh for the div, which will contain navigation.
If you want to be able to center items vertically in the navbar, set it to display: flex, but not all content container.