/* 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;} }