.grid-2{display:grid;grid-template-columns:1.5fr .95fr;gap:22px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}

.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:20px 0 28px}
.install-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
.album-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.album-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.date-photo-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
}

/* v2.1 grid fixes */
.library-grid,
.grid-5{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
  gap:18px;
}
.dashboard-layout .library-grid,
.dashboard-layout .grid-5{
  grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
}

@media (max-width:1280px){
  .grid-5{grid-template-columns:repeat(3,1fr)}
  .album-row{grid-template-columns:repeat(2,1fr)}
  .album-gallery{grid-template-columns:repeat(3,1fr)}
  .dashboard-layout .library-grid,
  .dashboard-layout .grid-5,
  .library-grid,
  .grid-5{
    grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
  }
}

@media (max-width:1024px){
  .grid-2{grid-template-columns:1fr}
  .grid-4,.metric-grid,.install-grid,.grid-3{grid-template-columns:repeat(2,1fr)}
  .album-gallery,.grid-5{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:760px){
  .grid-4,.metric-grid,.install-grid,.grid-3,.album-gallery,.album-row,.grid-5{grid-template-columns:1fr}
  .library-grid,
  .dashboard-layout .library-grid,
  .dashboard-layout .grid-5{
    grid-template-columns:1fr;
  }
}