fix:improve footer responsiveness on smaller screens (#3626)

Prakash1185 · web-flow · commit 063695a642a3 · 2026-01-24T16:09:34.000+02:00
* fix:improve footer responsiveness on smaller screens

* fix: address footer responsiveness review feedback
diff --git a/doc/assets/scss/_styles_project.scss b/doc/assets/scss/_styles_project.scss
@@ -33,3 +33,30 @@
 .navbar-brand {
   font-family: "PT Mono", monospace;
 }
+
+@media (max-width: 992px) {
+
+  footer .row {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+
+  footer .row > div {
+    width: 100%;
+    max-width: 100%;
+    text-align: center;
+    margin-bottom: 1.25rem;
+  }
+
+  footer ul.list-inline {
+    display: flex;
+    justify-content: center;
+    flex-wrap: wrap;
+  }
+
+  footer ul.list-inline li {
+    margin: 0.4rem;
+  }
+}
+
