@pnp/spfx-controls-react/lib/controls/dashboard/Dashboard.module.scss.css

Reusable React controls for SharePoint Framework solutions

/*
  Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license
*/
.dashboardBox {
  display: "grid";
  gap: 0.5rem;
  grid-template: repeat(auto-fill, 26rem)/repeat(auto-fill, minmax(18.75rem, 1fr));
  grid-auto-flow: dense;
  grid-auto-rows: 26rem;
  padding: 1rem 1rem 1.25rem;
  min-width: 20rem;
}

@media (max-width: 986px) {
  .dashboardBox {
    grid-template: repeat(auto-fill, 25rem)/repeat(auto-fill, minmax(15.75rem, 1fr));
  }
}