Technical Documentation page scrolling issue

I am not able to figure out to keep the left hand side of the page from scrolling with clicking on off the selections which then goes to the selected detail item in the right hand side of the page. Also in the example provided, it is clearly distinctive that there a two columns on the page.

Your code so far

The absolute positioning you are using on the <nav> is positioning the nav relative to the document (or you can think of it as relative to the body) so as the body scrolls the nav scrolls with it. What you want to do is position the nav so it is in a fixed position relative to the viewport.

Is that enough of a hint?

1 Like

Thanks. I believe so.

Got it ‘fixed’. I struggle with alignment using CSS. I need to do a lot more practicing to figure out where and how elements move when applying CSS to them. Thanks again.

1 Like