If I make my browser’s window height fairly small, the last few elements in a scrolling ul are being cut off at the bottom of the screen. Actually you can see this problem in the example Technical Documentation project codepen (https://codepen.io/freeCodeCamp/full/NdrKKL). On my small laptop if I have my Chrome window as tall as possible I can scroll to the bottom of the navigation bar and see the last li ‘Reference’, but the shorter I make my Chrome window, the more elements get cut off at the bottom (can’t scroll far enough to see them).
The codepen has the height of the ul set to 88%. If I set it to less (say 50%), it solves the issue at smaller browser window heights, but if the browser is at max height this leaves a lot of white space under the ul. Perhaps a solution would be to calculate browser window height and adjust the ul height based on that… not sure how to do that, though. Are there any nicer solutions?
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.88 Safari/537.36.