title: How can I center align(responsive) materialize forms for Django?
body: <p>This form is not responsive and doesn't change it's size on changing the browser size. Half of the form goes out of the card.</p>
  
  <pre><code>&lt;div class="row valign"&gt;
      &lt;div class="col s12 m8 offset-m2 l8 offset-l2"&gt;
          &lt;div class="card"&gt;
  &lt;form method="POST" &gt;
  
          {% csrf_token %}
          {% form form=form %}{% endform %}
  
        &lt;div style="text-align:center"&gt;
            &lt;a href="#!" class="btn waves-effect waves-red z-depth-5"  onclick="Materialize.toast('Thank You!', 4000, 'rounded')"&gt;SUBMIT&lt;/a&gt;
  &lt;/div&gt;
  
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>