title: Mail chimp embedded form not adjusting in mobile device responsive mode
body: <p>My mail chimp embedded form is not adjusting when we're on mobile device. I haven't tried much. what would you suggest ? Here is my css overrides in my html section</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>!-- Begin Mailchimp Signup Form --&gt;
  &lt;link href="//cdn-images.mailchimp.com/embedcode/classic-10_7_dtp.css" rel="stylesheet" type="text/css"&gt;
  &lt;style type="text/css"&gt;
      #mc_embed_signup {background:#; clear:left; font:16px "Overpass - Medium",sans-serif;  width:600px;line-height: 1.85; color:#001938;}
      /* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
         We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
  &lt;/style&gt;
  &lt;style type="text/css"&gt;
      #mc-embedded-subscribe-form input[type=checkbox]{display: inline; width: auto;margin-right: 10px;}
      #mergeRow-gdpr {margin-top: 30px;}
      #mergeRow-gdpr fieldset label {font-weight: normal;}
      #mc-embedded-subscribe-form .mc_fieldset{border:none;min-height: 0px;padding-bottom:0px;}
      #mc_embed_signup .asterisk {color:#001938;}
      #learn-more { color: #001938; background-color: transparent; text-decoration: none; font-size:16px;}
      #mc_embed_signup .mc-field-group+.mc-field-group {
      margin-top: 20px;}
      #mc_embed_signup .mc-field-group input { font: 16px "Overpass - Medium",sans-serif;}
  &lt;/style&gt;</code></pre>
  </div>
  </div>
  </p>