Update responsive stylings for dashboard tiles

The extra content on the tiles wasn’t playing nicely with the GOV.UK preset breakpoints, so I have had to introduce some custom breakpoints.
ministryofjustice · Feb 20, 2025 · 1af52f1 · 1af52f1
1 parent 6f861e0
commit 1af52f1
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/assets/scss/pages/_dashboard-index.scss b/assets/scss/pages/_dashboard-index.scss
@@ -16,9 +16,10 @@
       flex-basis: 100%;
       flex-grow: 0;
       margin-bottom: 2em;
+      font-size: 1rem;
     }
 
-    @include govuk-media-query($from: tablet, $until: desktop, $media-type: screen) {
+    @include govuk-media-query($from: tablet, $until: 850px, $media-type: screen) {
       .card {
         flex-basis: 48%;
 
@@ -31,8 +32,15 @@
         }
       }
     }
+
+
+    @include govuk-media-query($from: 1120px, $media-type: screen) {
+      .card {
+        font-size: 1.1875rem;
+      }
+    }
 
-    @include govuk-media-query($from: desktop, $media-type: screen) {
+    @include govuk-media-query($from: 850px, $media-type: screen) {
       .card {
         flex-basis: 31%;