grid in ccss
/* Most Common Grid properties: display: grid; display: inline-grid; for applying inline property on grid grid-template-rows: grid-template-columns: grid-auto-flow: dense; grid-column-start: 2; grid-column-end: 4; grid-row-start: 1; grid-row-end: 3; justify content align items fr = fill up any available space auto-fit= stretch the cards to fill up the screen auto-fill= create extra virtual cards to fill up the screen */ .grid{ display: grid; grid-template-columns: repeat(3, minmax(auto, 1fr)); grid-template-rows: repeat(2, 200px); grid-gap: 10px; }
