@media(max-width:700px){
  #research .grid,
  #publications .grid,
  #projects .grid,
  #popular-projects .grid,
  #blog .grid{
    display:grid;
    grid-template-columns:none;
    grid-auto-flow:column;
    grid-auto-columns:min(82vw,330px);
    grid-template-rows:repeat(2,minmax(180px,auto));
    gap:16px;
    overflow-x:auto;
    padding:4px 24px 18px;
    margin-left:-24px;
    margin-right:-24px;
    scroll-snap-type:x mandatory;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  #research .grid::-webkit-scrollbar,
  #publications .grid::-webkit-scrollbar,
  #projects .grid::-webkit-scrollbar,
  #popular-projects .grid::-webkit-scrollbar,
  #blog .grid::-webkit-scrollbar{
    display:none;
  }
  #research .grid > *,
  #publications .grid > *,
  #projects .grid > *,
  #popular-projects .grid > *,
  #blog .grid > *{
    min-height:180px;
    scroll-snap-align:start;
  }
  #research .grid > *:last-child,
  #publications .grid > *:last-child,
  #projects .grid > *:last-child,
  #popular-projects .grid > *:last-child,
  #blog .grid > *:last-child{
    margin-right:24px;
  }
  #research .grid,
  #publications .grid,
  #projects .grid{
    grid-template-rows:minmax(180px,auto);
  }
}