title: Dynamic left and right margins?
body: <p>I want my website to work well for both desktop and mobile view.  When viewed on desktop, I want it to have a pretty big margins on the left and right side. (Image below) . However, when I shrink to to mobile view. They need to reduce to around 10px.  How can I do this?</p>
  <p>Currently I only have a</p>
  <pre><code>.body {
  margin-left: 200px;
  margin-right: 200px;
  </code></pre>
  <p>But this doesn't work well for mobile view...</p>
  <p><a href="https://i.stack.imgur.com/rP2UU.png" rel="nofollow noreferrer">enter image description here</a></p>
  <p><a href="https://i.stack.imgur.com/xmzev.png" rel="nofollow noreferrer">enter image description here</a></p>