CSS GRID
CSS GRID 1. display : grid; To basically create a particular HTML container into an grid. or to initialize the grid. 2. grid-template-columns : 300px 100px 100px; To define the columns in every single row. The above commands create Three column in a row first having width of 300px , secound having width of 100px , third having width of 100px 3. grid- template-columns: 300px 100px 100px; This commands basically define the column of the row first two row are fixed width as given 300px and 100px Rest of the space present in the column is filled by 3rd row because we provide it width Auto 4. grid-template-columns : 1fr 4fr 1fr; this command basically divide our columns in equal number of fraction and allocate the space to our number of fraction provided to it. In above command 1st row contain 1fr space and contain 4fr and 3rd contain again 1fr. 5. grid-template-columns : repeat(4, auto); this command basically divide our column in 4 row and auto width we can replace both the
