How can I align all elements in a page?

I’m trying to make all the headings and text align with each other in this page. As you can see, on desktop it works just fine and all the headings are aligned with the “H” in Help Center. This is because I’ve set the container for the other elements to have a maximum width that makes them align with the “H.” When the page is viewed on a tablet, however, the elements aren’t aligned with the “H” and are only aligned with each other. Any ideas on how to fix this?