Grid 10
/* third item */
selector {grid-row: 1/2;}
selector {grid-column: 3/5;}
/*tablet view*/
@media screen and (max-width: 1024px) {
selector {grid-row: 2;}
selector {grid-column: 1;}
}
/*mobile view*/
@media screen and (max-width: 767px) {
selector {grid-row: 3;}
selector {grid-column: 1;}
}
/* fourth item */
selector {grid-row: 2/3;}
selector {grid-column: 1/3;}
/*tablet view*/
@media screen and (max-width: 1024px) {
selector {grid-row: 2;}
selector {grid-column: 2;}
}
/*mobile view*/
@media screen and (max-width: 767px) {
selector {grid-row: 4;}
selector {grid-column: 1;}
}
Grid Item
Grid Item
Grid Item
Grid Item
Grid Item
Grid Item