title: React Material UI how to make a 7 columns grid
body: <p>According to <a href="https://material-ui.com/components/grid/" rel="nofollow noreferrer">https://material-ui.com/components/grid/</a> I can have a grid of 12, 6, 4, 3, 2 equal columns with the same width, or only one colum. I need to have a grid with 7 columns with the same width... Is there any way to achieve this?</p>
  <p>I mean this:</p>
  <pre><code>|--|--|--|--|--|--|--|--|--|--|--|--|
  |-----|-----|-----|-----|-----|-----|
  |--------|--------|--------|--------|
  |-----------|-----------|-----------|
  |-----------------|-----------------|
  |-----------------------------------|
  </code></pre>
  <p>I need this:</p>
  <pre><code>|----|----|----|----|----|----|----|
  </code></pre>