chore: fix docs page footer broken on mobile (#6323)

Signed-off-by: thisisobate <[email protected]>

Author: thisisobate

docs/stylesheets/extra.css

@@ -567,4 +567,58 @@ a.md-header__button.md-logo img {
   }
 }
 
+@media (max-width: 1024px) {
+  .md-header__topic {
+    margin: 0;
+  }
+
+  .md-footer-copyright {
+    margin: auto;
+    text-align: center;
+  }
+
+  .md-social {
+    margin: auto;
+  }
+}
+
+@media (max-width: 861px) {
+  .md-footer-meta {
+    flex-direction: column;
+  }
+
+  .md-footer__title {
+    display: block;
+    margin-bottom: 0.5rem;
+  }
+
+  .md-footer-meta__inner {
+    flex-direction: column;
+    align-items: center;
+  }
+
+  .md-footer-copyright {
+    order: 2;
+    margin: 2rem;
+    flex-wrap: wrap;
+  }
+
+  .md-footer-copyright a {
+    margin: 8px;
+  }
+
+  .footer-links {
+    display: flex;
+    flex-direction: column;
+    order: 1;
+  }
+
+  .md-social {
+    margin-top: 1rem;
+  }
+
+  .pipe {
+    display: none;
+  }
+}