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