I've updated a very simple page that has a video and two unordered lists.
Problem #1: Somehow, I've erred in my recoding. I've lost the right-side margin on the entire page's contents, no matter the size of the viewing device. Can you see my error(s)? Please tell me what I've entered mistakenly.
Problem#2: My attempts to make the page responsive have made the unordered list items look awkward. Both lists have text lines that are long enough to drop to the next line when viewing on smartphones. Unfortunately, the starting text of the newly dropped line isn't indented as the smaller <li>s are. How do I prevent this from happening in both lists when viewed on smartphones? I've assigned "overflow:hidden" to the <li>s but that doesn't do the trick. Kindly educate me on making list items perform responsively.
Thank you very much.