CSS GRID

👉 CSS Grid is a set of CSS properties for building 2-dimensional layouts 

👉 The main idea behind CSS Grid is that we divide a container element into rows and      columns that can be filled with its child elements 

 👉 In two-dimensional contexts, CSS Grid allows us to write less nested HTML and  easier-to-read CSS 

 👉 CSS Grid is not meant to replace flexbox! Instead, they work perfectly together. Need a 1D layout? Use flexbox. Need a 2D layout? Use CSS Grid

BASIC CSS GRID TERMINOLOGY