6

I am new to grid. can any one explain what is 1 / -1 mean. 

 <style>
  .parrent {
     display: grid;
     grid-template-columns: auto 1fr;
     grid-column-gap: 3.5rem;
     grid-row-gap: var(--space-20);
   }
   .third {
     grid-column: 1/-1;
     justify-content: center;
    }
 </style>
 <div class="parrent"> 
    <div>First </div>
    <div>Second</div>
    <div class="third">Third</div>
 </div>

what is that third column grid-column : 1/-1 meaning

sathish kumar
  • 1,477
  • 1
  • 11
  • 18

0 Answers0