#releases { margin: 0; } .release { max-width: 256px; width: 100%; margin: 1em; font-style: normal; display: inline-block; } .release .album-art { width: 256px; box-shadow: 0 0 20px white; transform: scale(1.0, 1.0); transition: transform 0.2s; } .release .album-art:hover { transform: scale(1.1, 1.1); } .release .album-art:active { transform: scale(1.05, 1.05); } .release .release-info { margin-top: 1em; text-align: center; } .release .release-info .album-name { font-size: 18pt; } .release .release-info .album-artist { font-size: 15pt; } #members { margin: auto; margin-bottom: 6em; } #members ul li { display: inline-block; width: 256px; height: 120px; margin: 0.5em; } #members ul li img { max-width: 256px; max-height: 120px; } @media screen and (max-width: 680px), screen and (max-device-width: 680px) { .release { margin: 0.5em 0; max-width: 100vw; } }