title: Fix the height and width of a column in MJML
body: <p>I know that <code>height</code> is not a valid argument for <code>mj-column</code> but I would like to find a solution for this problem.</p>
  
  <p>I have a mail template I would like to reproduce and don't find how to do it using MJML.</p>
  
  <p>Here is the code that doesn't work : </p>
  
  <pre><code>  &lt;mj-section&gt;
      &lt;mj-column width="300"&gt;
          &lt;mj-image src="http://www.online-image-editor.com//styles/2014/images/example_image.png" &gt;&lt;/mj-image&gt;
      &lt;/mj-column&gt;
  
      &lt;mj-column background-color=yellow width="300"&gt;
      &lt;mj-text mj-class="bigNumber"&gt;&lt;/mj-text&gt;
      &lt;/mj-column&gt;
    &lt;/mj-section&gt;
  </code></pre>
  
  <p>It's the <code>mj-column background-color=yellow</code> that I would like to render the same on mobile.</p>
  
  <p>When you look <a href="https://ibb.co/iEm4YH" rel="nofollow noreferrer">at this gif</a>, you can see that when I resize the window, suddenly the width change and go back to normal. I don't understand why.</p>
  
  <p>I've tried another way using <code>mj-table</code> but it doesn't act like I would like it to : put the mj-column below the image on mobile.</p>
  
  <p>Did someone experience something similar and found a solution ? </p>
  
  <p>Thank you </p>