+ --miniature-min-width: #{$video-thumbnail-width - 15px};
+ --miniature-max-width: #{$video-thumbnail-width};
+
+ display: grid;
+ column-gap: 5px;
+ grid-template-columns: repeat(
+ auto-fill,
+ minmax(
+ var(--miniature-min-width),
+ 1fr
+ )
+ );
+
+ @media screen and (min-width: #{breakpoint(fhd)}) {
+ column-gap: 1%;
+ --miniature-min-width: #{$video-thumbnail-width};
+ }
+
+ .video-wrapper {
+ margin: 0 auto;
+ width: 100%;
+
+ my-video-miniature {
+ display: block;
+ min-width: var(--miniature-min-width);
+ max-width: var(--miniature-max-width);
+ }
+ }