Update description list inline variant to use grid-auto-flow: column (…

…#3493)
ONSdigital · Feb 20, 2025 · 8bfe079 · 8bfe079
1 parent d4d4e17
commit 8bfe079
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 14 deletions.
diff --git a/...nents_description-list_example-inline-description-list_0_document_0_desktop.png b/...nents_description-list_example-inline-description-list_0_document_0_desktop.png
diff --git a/...reference/ds-vr-test__components_hero_example-hero-grey_0_document_1_tablet.png b/...reference/ds-vr-test__components_hero_example-hero-grey_0_document_1_tablet.png
diff --git a/...reference/ds-vr-test__components_hero_example-hero-grey_0_document_2_mobile.png b/...reference/ds-vr-test__components_hero_example-hero-grey_0_document_2_mobile.png
diff --git a/src/components/description-list/_description-list.scss b/src/components/description-list/_description-list.scss
@@ -48,6 +48,8 @@
         @include mq(l) {
             display: grid;
             grid-template-columns: repeat(3, 1fr);
+            grid-template-rows: repeat(2, 1fr);
+            grid-auto-flow: column;
             gap: 0.5rem 2.5rem;
 
             .ons-description-list__value {

diff --git a/src/components/hero/example-hero-grey.njk b/src/components/hero/example-hero-grey.njk
@@ -41,34 +41,34 @@
                     ]
                 },
                 {
-                    "term": "Edition:",
+                    "term": "Next release:",
                     "descriptions": [
                         {
-                            "description": "Latest"
+                            "description": "20 September 2024"
                         }
                     ]
                 },
                 {
-                    "term": "Contact:",
+                    "term": "Edition:",
                     "descriptions": [
                         {
-                            "description": "Retail Sales team"
+                            "description": "Latest"
                         }
                     ]
                 },
                 {
-                    "term": "Next release:",
+                    "term": "Releases:",
                     "descriptions": [
                         {
-                            "description": "20 September 2024"
+                            "description": "View previous releases"
                         }
                     ]
                 },
                 {
-                    "term": "Releases:",
+                    "term": "Contact:",
                     "descriptions": [
                         {
-                            "description": "View previous releases"
+                            "description": "Retail Sales team"
                         }
                     ]
                 }