26. Grid : CSS

Grid

The CSS Grid Layout Module offers a network-based format framework, with lines and segments, making it simpler to configure site pages without utilizing floats and settling. 

CSS networks are the showcase properties that permit us to change any case into a matrix. The primary contrast between flexbox and framework is, in flexbox, we can either move the container in flat or vertical ways however in the grid framework, we can make the two-dimensional matrix frameworks. 

We need to introduce the grid and make every one of its parts act in a two-dimensional design. 

• Display: grid; 

The grid framework ought not to be viewed as equivalent to a table because the table is only an ordinary mix of lines and segments though the matrix is a full design framework. 

To characterize the section in a grid - 

• Grid-Template-Columns - <1st segment width> <2nd segment width> more...;