title: React : How to divide my screen into 10/90 column ratio
body: <p>I simply want to divide my screen in the ratio 10/90 of the entire screen.</p>
  <pre><code>// what I have done
  
   return (
          &lt;&gt;
              &lt;div class=&quot;row&quot;&gt;
  &lt;div className=&quot;col-md-4&quot; &gt;
     &lt;div class=&quot;leftside&quot;&gt;
    left
  
  
     &lt;/div&gt;
    
  &lt;/div&gt;
  
  &lt;div class=&quot;col-md-8&quot;&gt;
     &lt;div class=&quot;rightside&quot;&gt;     
     &lt;Paper elevation={3} &gt;
  right
  &lt;/Paper&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  
          &lt;/&gt;
      )
  }
  
  
  </code></pre>
  <p>This solution gives me about 60/40 ratio, how can I get 10/90 ratio</p>