title: Odd columns division in css display:grid property. Making last 2 columns have the 50% each width when the columns are odd in count
body: <p>I want to add grid-column: span 3.5; i dont know how it is possible or it is or not. Can anyonw help please ?      </p>
  
  <p>7 columns in a row needed</p>
  
  <p><img src="https://i.stack.imgur.com/CzTDy.png" alt=""></p>
  
  <p>this is i have got so far. I just can't divide the last column</p>
  
  <p><img src="https://i.stack.imgur.com/JwWid.png" alt=""></p>
  
  <p>I cannot add any other column I just want to make this code work.</p>
  
  <pre><code>.skills ul {
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(7, auto);
    grid-gap: 1rem;
  }
  
  ul li:nth-child(15), .skills ul li:nth-child(16) {
    grid-column: span 3; // I tried making it 3.5 but didn't worked.
  }
  </code></pre>