Fixed footer flex

Mendiak · Oct 26, 2024 · 4fd3cdc · 4fd3cdc
1 parent 6637852
commit 4fd3cdc
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -4,6 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="description" content="PulseRoots: Interactive visualization of electronic music genres and styles">
+    <meta name="google-site-verification" content="7tAbK2WB9Cx4uF76izgXcrBdBXVeqDfUd9A97KrLewU" />
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">    
     <title>PulseRoots: Electronic Music Styles Tree</title>
     <link rel="stylesheet" href="styles.css">

diff --git a/styles.css b/styles.css
@@ -181,6 +181,7 @@ footer {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
+  flex-wrap: wrap;
   gap: 20px;
   margin-top: 50px;
 }
@@ -199,6 +200,7 @@ footer i {
   flex-direction: row;
   align-items: center;
   gap: 20px;
+  min-width: 200px;
 }
 
 #footer-logo {
@@ -213,4 +215,10 @@ footer i {
 
 #social-share i:hover {
   color: #a7a7a7;
+}
+
+@media (max-width: 768px) {
+  footer {      
+    padding: 10px 30px;
+  }
 }