title: Have border-bottom after grid-row css3
body: <p>I have a grid container whose css is</p>
  
  <pre><code>.optionsInnerContainer {
          display: grid;
          // grid-template-columns: 1fr 1fr 1fr;
          grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); /* see notes below */
          // grid-auto-rows: minmax(100px, auto);
          -webkit-column-gap: 10px;
          column-gap: 10px;
          row-gap: 2em;
          padding: 10px;
      }
  </code></pre>
  
  <p>I want to add a border-bottom below every row of grid. I dont know how to do that. Please help.</p>