body.perfect-albums{max-width:1200px;main .content-wrapper { margin: auto; max-width: 800px; } .album-list { display: grid; grid-gap: 0.5em; .album-item { margin: 1em auto; max-width: 640px; font-weight: 300; .cover { text-align: center; } h2 { font-size: 1em; margin: 0 0.5em; text-align: center; border-bottom: 0; .artist { font-weight: 600; } .album-name { font-weight: 300; } } .meta { font-size: 0.875em; margin: 0 0.5em; text-align: center; color: rgba(0,0,0,.5); .item { display: inline-block; } .item + .item { margin-left: 0.5em; } } .external-link { img { height: 1em; } } } }}@media only screen and (min-width:480px){body.perfect-albums .album-list{grid-template-columns:repeat(1,minmax(200px,1fr));.album-item { display: block; .cover { width: 100%; } .content { margin: 0; } }}}@media only screen and (min-width:600px){body.perfect-albums .album-list{grid-template-columns:repeat(2,minmax(200px,1fr))}}@media only screen and (min-width:768px){body.perfect-albums .album-list{grid-template-columns:repeat(3,minmax(200px,1fr))}}@media only screen and (min-width:1200px){body.perfect-albums .album-list{grid-template-columns:repeat(4,minmax(200px,1fr))}}