attempt to get yt embed desktop styles at desktop;

alphagov · Jan 10, 2023 · 42d8c86 · 42d8c86
1 parent 5047cb8
commit 42d8c86
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/app/assets/stylesheets/govuk_publishing_components/components/_image-card.scss b/app/assets/stylesheets/govuk_publishing_components/components/_image-card.scss
@@ -181,6 +181,13 @@
     }
   }
 
+  .gem-c-image-card__image-wrapper--youtube-embed {
+    @include govuk-media-query($from: tablet) {
+      float: left;
+      width: 53%;
+    }
+  }  
+
   .gem-c-image-card__text-wrapper {
     @include govuk-grid-column($width: one-half, $at: tablet);
 
@@ -217,6 +224,14 @@
   z-index: 1;
 }
 
+.gem-c-image-card__image-wrapper--youtube-embed {
+  @include govuk-media-query($from: tablet) {
+    transform: scale(0.9);
+    position: absolute;
+  }
+}
+
+
 .gem-c-image-card__youtube-thumbnail-image-container {
   position: relative;