From bbbb166a794c3f38a4c34582fccb4e6de9f87852 Mon Sep 17 00:00:00 2001
From: Nick Bergquist <nick_bergquist@yahoo.co.uk>
Date: Tue, 9 Apr 2024 13:16:49 +0100
Subject: [PATCH] Update css properties to adhere to latest stylelint rules

---
 .../_image-overlay-license-modal.scss                      | 7 +++----
 .../blocks/object-shuffler/_object-shuffler.scss           | 5 ++---
 src/components/blocks/site-footer/_site-footer.scss        | 3 +--
 .../horizontal-scroll-grid/_horizontal-scroll-grid.scss    | 3 +--
 4 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/src/components/blocks/image-overlay-license-modal/_image-overlay-license-modal.scss b/src/components/blocks/image-overlay-license-modal/_image-overlay-license-modal.scss
index 18050bbd0..3b5f8d7a0 100644
--- a/src/components/blocks/image-overlay-license-modal/_image-overlay-license-modal.scss
+++ b/src/components/blocks/image-overlay-license-modal/_image-overlay-license-modal.scss
@@ -50,15 +50,14 @@
   &__content-container {
     height: 250px;
     min-height: 250px;
-    overflow-x: hidden;
-    overflow-y: scroll;
+    overflow: hidden scroll;
 
-    @media screen and (min-height: 700px) {
+    @media screen and (height >= 700px) {
       height: 400px;
       overflow-y: scroll;
     }
 
-    @media screen and (min-height: 1080px) {
+    @media screen and (height >= 1080px) {
       height: auto;
       overflow-y: hidden;
     }
diff --git a/src/components/blocks/object-shuffler/_object-shuffler.scss b/src/components/blocks/object-shuffler/_object-shuffler.scss
index ecb0769b3..a58dba971 100644
--- a/src/components/blocks/object-shuffler/_object-shuffler.scss
+++ b/src/components/blocks/object-shuffler/_object-shuffler.scss
@@ -97,18 +97,17 @@
   }
 
   &__slide {
-    align-content: space-between;
     display: flex;
     flex-flow: row wrap;
     height: 100%;
-    justify-content: space-between;
     left: 0;
     margin: 0 3% 0 7%;
+    place-content: space-between;
     position: absolute;
     top: 0;
     width: 90%;
 
-    @media (min-width: 1000px) {
+    @media (width >= 1000px) {
       margin: 0 calc((100% - 990px) / 2);
       width: 990px;
     }
diff --git a/src/components/blocks/site-footer/_site-footer.scss b/src/components/blocks/site-footer/_site-footer.scss
index e7143ae2f..1a883e632 100644
--- a/src/components/blocks/site-footer/_site-footer.scss
+++ b/src/components/blocks/site-footer/_site-footer.scss
@@ -233,11 +233,10 @@
     width: 155px;
 
     @include mixins.breakpoints-bpMinSmall {
-      align-self: end;
       grid-area: logo;
       grid-row: 1 / 5;
-      justify-self: end;
       margin-bottom: 0;
+      place-self: end;
     }
 
     @include mixins.breakpoints-bpMinMedium {
diff --git a/src/components/groups/horizontal-scroll-grid/_horizontal-scroll-grid.scss b/src/components/groups/horizontal-scroll-grid/_horizontal-scroll-grid.scss
index 333c8930d..343f89715 100644
--- a/src/components/groups/horizontal-scroll-grid/_horizontal-scroll-grid.scss
+++ b/src/components/groups/horizontal-scroll-grid/_horizontal-scroll-grid.scss
@@ -7,10 +7,9 @@
   }
 
   &__content {
-    align-content: stretch;
     display: flex;
-    justify-content: space-between;
     margin-bottom: 40px;
+    place-content: stretch space-between;
 
     &--noflex {
       display: inline-flex;