title: How to set a one-sided container in CSS?
body: <p>I have set up a <code>container</code> class as such:</p>
  <pre class="lang-css prettyprint-override"><code>.container {
     margin: 0 auto;
     width: min(90%, 70.5rem);
  }
  </code></pre>
  <p>This would allow me to set a container to contain the content of the web page in the center of the page (much more organized). However, I would like to have one custom container where, the margin only exists on the left side of the page, allowing the content to overflow on the right side of the page. How should I modify my code to do this? I've used <code>margin-left</code> before but this is not responsive unlike the code I provided above.</p>