+ width: auto;
+ }
+}
+
+@mixin grid-videos-miniature-layout {
+ @media screen and (min-width: $mobile-view) {
+ .videos,
+ .playlists {
+ --miniatureMinWidth: #{$video-thumbnail-width - 25px};
+ --miniatureMaxWidth: #{$video-thumbnail-width};
+
+ display: grid;
+ column-gap: 30px;
+ grid-template-columns: repeat(
+ auto-fill,
+ minmax(var(--miniatureMinWidth), 1fr)
+ );
+
+ .video-wrapper,
+ .playlist-wrapper {
+ margin: 0 auto;