Padheye.com : 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