title: I want the grid items to have the same width
body: <p>I have boxes of all different widths
  4 in each column
  I want to show the same width size.</p>
  <pre><code>    display: grid;
      grid-template-columns: repeat(4, 1fr);
      justify-items: center;
  </code></pre>
  <p>using the code above
  There are 4 columns in each column, but each has a different width.</p>