Fixed: update max-width in Footer.scss to 1200px (#1103)

* chore: update max-width in Footer.scss to 1200px * style: Add spacing around experiments in experiment collection on smaller screens
Amsterdam-Music-Lab · Jun 12, 2024 · 6d84ceb · 6d84ceb
1 parent 059402c
commit 6d84ceb
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/frontend/src/components/ExperimentCollection/ExperimentCollection.scss b/frontend/src/components/ExperimentCollection/ExperimentCollection.scss
@@ -129,12 +129,16 @@
         padding-bottom: 50px;
         background-color: rgba(white, 0.2);
         max-width: 1200px;
-        margin: 0 auto;
+        margin: 0 1.25rem;
 
         @media (max-width: 720px) {
             padding: 15px 15px;
         }
 
+        @media (min-width: $breakpoint-xl) {
+            margin: 0 auto;
+        }
+
         ul {
             display: flex;
             justify-content: center;

diff --git a/frontend/src/components/Footer/Footer.scss b/frontend/src/components/Footer/Footer.scss
@@ -9,7 +9,7 @@
     text-align: center;
 
     .disclaimer, .privacy > * {
-        max-width: 700px;
+        max-width: 1200px;
         margin: 0 auto;
     }