Responsive CSS Grid

Use CSS Grid to make responsive layouts. Create the structure of the elements in HTML and then make the grid in CSS – grid-template-columns and grid-template-rows defines the number and size of each element and grid-template-areas define each block of the design.