: Discover Excellence

The Path To Discover Excellence

Friday, 19 February 2016

Grid Template Columns


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%;

No comments:

Post a Comment