:root
  {
   --gap-size: 10px;
   --grid-column-width: 0px;      
   --grid-row-height: 0px; 
   --grid-numberofcolumns: 10;
  }
    
  .grid
  {
   display: inline-grid;
   gap: var(--gap-size);
   grid-auto-rows: var(--grid-row-height);
   grid-template-columns: repeat(var(--grid-numberofcolumns), var(--grid-column-width)); 
      
   padding: 10px; 
   background: linear-gradient(rgba(40,40,40,1), rgba(40,40,40, 0));    
  }