drupal/core/themes/olivero/css/layout/layout-views-grid-vertical.css

/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * @file
 * Responsive styles for views grid vertical layout.
 */

.views-view-grid--vertical {
  margin-bottom: -18px; /* Offset the bottom row's padding. */
  grid-column-gap: 18px
}

@media (min-width: 500px) {

.views-view-grid--vertical.cols-2 {
      column-count: 2
  }
    }

@media (min-width: 500px) {

.views-view-grid--vertical.cols-3 {
      column-count: 2
  }
    }

@media (min-width: 700px) {

.views-view-grid--vertical.cols-3 {
      column-count: 3
  }
    }

@media (min-width: 500px) {

.views-view-grid--vertical.cols-4 {
      column-count: 2
  }
    }

@media (min-width: 700px) {

.views-view-grid--vertical.cols-4 {
      column-count: 3
  }
    }

@media (min-width: 1000px) {

.views-view-grid--vertical.cols-4 {
      column-count: 4
  }
    }

@media (min-width: 500px) {

.views-view-grid--vertical.cols-5 {
      column-count: 2
  }
    }

@media (min-width: 700px) {

.views-view-grid--vertical.cols-5 {
      column-count: 3
  }
    }

@media (min-width: 1000px) {

.views-view-grid--vertical.cols-5 {
      column-count: 5
  }
    }

@media (min-width: 500px) {

.views-view-grid--vertical.cols-6 {
      column-count: 2
  }
    }

@media (min-width: 700px) {

.views-view-grid--vertical.cols-6 {
      column-count: 3
  }
    }

@media (min-width: 1000px) {

.views-view-grid--vertical.cols-6 {
      column-count: 6
  }
    }

@media (min-width: 500px) {

.views-view-grid--vertical.cols-7 {
      column-count: 2
  }
    }

@media (min-width: 700px) {

.views-view-grid--vertical.cols-7 {
      column-count: 3
  }
    }

@media (min-width: 1000px) {

.views-view-grid--vertical.cols-7 {
      column-count: 7
  }
    }

@media (min-width: 500px) {

.views-view-grid--vertical.cols-8 {
      column-count: 2
  }
    }

@media (min-width: 700px) {

.views-view-grid--vertical.cols-8 {
      column-count: 4
  }
    }

@media (min-width: 1000px) {

.views-view-grid--vertical.cols-8 {
      column-count: 8
  }
    }

.views-view-grid--vertical .views-view-grid__item > * {
      padding-bottom: 18px;
      page-break-inside: avoid;
      break-inside: avoid;
    }