Fix rendering on mobile version (#10)

QubitPi · Dec 23, 2024 · c68f04c · c68f04c
1 parent 99f6abf
commit c68f04c
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/src/App.css b/src/App.css
@@ -77,6 +77,7 @@
 .container .mainSection {
   display: flex;
   flex-direction: row;
+  flex-wrap:wrap;
 
   gap: 3rem;
 }

diff --git a/src/components/Footer.css b/src/components/Footer.css
@@ -16,12 +16,14 @@
 
 .footer {
     display: flex;
+    flex-wrap: wrap;
     justify-content: space-between;
     align-items: center;
 }
 
 .footer .footerInfo {
     display: flex;
+    flex-wrap: wrap;
     flex-direction: row;
     justify-content: center;
     align-items: center;
@@ -51,8 +53,6 @@
     flex-direction: column;
     justify-content: center;
     align-items: center;
-
-
 }
 
 .footer .footerInfo .navigation ul .listItem a span svg {
@@ -81,7 +81,9 @@
 
 .footer .logo {
     display: flex;
+    flex-wrap: wrap;
     flex-direction: row;
+    justify-content: center;
     align-items: center;
 }
 

diff --git a/src/components/Header.css b/src/components/Header.css
@@ -16,6 +16,7 @@
 
 .header {
     display: flex;
+    flex-wrap: wrap;
     justify-content: space-between;
     align-items: center;
 }