Merge pull request #2379 from NCCE/3021-blog-homepage-images-too-large-on-mobile

msquance-stem · web-flow · commit a4b2561797c1 · 2025-03-25T10:50:16.000Z
Fixing image leaking on home page
diff --git a/app/components/cms/featured_blog_posts_component/featured_blog_posts_component.scss b/app/components/cms/featured_blog_posts_component/featured_blog_posts_component.scss
@@ -19,6 +19,14 @@
   @include govuk-media-query($from: desktop) {
     margin-right: 12px;
   }
+
+  .cms-image {
+    width: 100%;
+
+    img {
+      width: 100%;
+    }
+  }
 }
 
 .ncce-feat__panel-container {

Original file line number	Diff line number	Diff line change
`@@ -19,6 +19,14 @@`
`19`	`19`	`@include govuk-media-query($from: desktop) {`
`20`	`20`	`margin-right: 12px;`
`21`	`21`	`}`
	`22`	`+`
	`23`	`+ .cms-image {`
	`24`	`+ width: 100%;`
	`25`	`+`
	`26`	`+ img {`
	`27`	`+ width: 100%;`
	`28`	`+ }`
	`29`	`+ }`
`22`	`30`	`}`
`23`	`31`
`24`	`32`	`.ncce-feat__panel-container {`