I'm studying this website and I noticed that on the mobile version of it the website isn't centered and some links are causing there to be a horizontal scroll rather than the rest of the link just going to the next line. How can I fix this?
This is the website in question: https://www.southmountaincc.edu/current-students/learning-resources/learning-center
[picture of webpage](https://i.stack.imgur.com/cO5Q6.jpg)
I've tried to add in display: inline-block, and width: fit-content; block-size: fit-content; but none have worked. The text in the ul will change but the links will stay the same.