Grid Template Columns

To specify the number of columns of the grid and the widths of each column, the CSS property grid-template-columns is used on the grid container. The number of width values determines the number of columns and each width value can be either in pixels(px) or percentages(%).

#grid-container {
  display: grid;
  width: 100px;
  grid-template-columns: 20px 20% 60%;
}