Contents

$width: 180px;
$height: 450px;

ul.grid {
  list-style-type: none;
  padding-inline-start: unset;
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax($width, 1fr));

  li {
    position: relative;
    text-align: center;
    .disabled {
      opacity: .7;
    }
  }
  img {
    object-fit: cover;
    width: 100%;
    max-height: $height;
  }
}

Version data entries

4 entries across 4 versions & 1 rubygems

Version	Path
askclass-news-theme-0.2.1	_sass/_grid.scss
askclass-news-theme-0.2.0	_sass/_grid.scss
askclass-news-theme-0.1.1	_sass/_grid.scss
askclass-news-theme-0.1.0	_sass/_grid.scss