title: Using calc() in MUI
body: <p>Objective:</p>
  <p>To create <strong>two divs, side-by-side on a page</strong>. Together they should cover 100% of the page. using latest versions of <em>react + MUI</em>.</p>
  <p><strong>div on the left should have a fixed width (say 200px).</strong></p>
  <p><strong>div on the right should cover the rest of the page.</strong></p>
  <p>In CSS, one could use calc(100% - 200px) to dynamically compute the width of div on the right.</p>
  <p>Issue Faced:</p>
  <p>I couldn't use that in MUI. I tried inline styling ( <code>style={{width='calc(100%-200)'}}</code>), which compiles but doesn't work. I also tried <code>makeStyles()</code>, but with no avail.</p>
  <p>I deeply appreciate the community's help in this matter.</p>