diff --git a/scss/custom/_previews.scss b/scss/custom/_previews.scss index 992b073..a5f88bc 100644 --- a/scss/custom/_previews.scss +++ b/scss/custom/_previews.scss @@ -24,9 +24,12 @@ display: block; } @include sm() { - .preview-thumbnail img { - width: 240px; - margin-right: $lineheight /2; + .preview-thumbnail { + width: min-content; + img { + width: 240px; + margin-right: $lineheight /2; + } } .preview { diff --git a/style.css b/style.css index db0da9b..fecbfd2 100644 --- a/style.css +++ b/style.css @@ -2400,9 +2400,11 @@ footer { display: block; } @media (min-width: 576px) { - .preview-list .preview-thumbnail img { - width: 240px; - margin-right: 0.8rem; } + .preview-list .preview-thumbnail { + width: min-content; } + .preview-list .preview-thumbnail img { + width: 240px; + margin-right: 0.8rem; } .preview-list .preview { display: flex; align-items: start;