+ @media screen and (min-width: #{breakpoint(fhd)}) {
+ margin-left: 6vw !important;
+ margin-right: 6vw !important;
+ }
+
+ @media screen and (min-width: $mobile-view) {
+
+ .videos {
+ --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};
+ }