From 27f62fd3d3ba3f2f66c1bfec68cc4e1e420dbf8e Mon Sep 17 00:00:00 2001
From: Tom <thomas.hodson@ecmwf.int>
Date: Thu, 7 Mar 2024 13:47:15 +0000
Subject: [PATCH] FIx image grid and footer css

---
 _sass/base.scss   |  4 ++++
 _sass/footer.scss | 13 +++++++++++++
 2 files changed, 17 insertions(+)

diff --git a/_sass/base.scss b/_sass/base.scss
index 49adecd..88db37e 100644
--- a/_sass/base.scss
+++ b/_sass/base.scss
@@ -134,6 +134,7 @@ figure.centered {
 }
 
 section.image-grid-4x4 {
+    aspect-ratio: 1 / 1;
     display: grid;
     grid-template-columns: 50% 50%;
     grid-template-rows: 50% 50%;
@@ -142,9 +143,12 @@ section.image-grid-4x4 {
     margin-bottom: 1em;
     place-items: stretch stretch;
 
+
     * {
         margin: 0;
         padding: 0;
+        width: 100%;
+        aspect-ratio: auto;
     }
 }
 
diff --git a/_sass/footer.scss b/_sass/footer.scss
index 750bfd5..b47766c 100644
--- a/_sass/footer.scss
+++ b/_sass/footer.scss
@@ -15,4 +15,17 @@ footer {
         text-decoration: none;
     }
 
+}
+
+@media 
+    only screen and (max-width: $horizontal_breakpoint),
+    only screen and (max-height: $vertical_breakpoint)
+    {  
+        footer {
+        padding-top: 10px; 
+        padding-left: 20px;
+        padding-right: 20px;
+        margin: auto;
+        justify-content: center;
+    }
 }
\ No newline at end of file