fix: address footer responsiveness review feedback

Author: Prakash1185

doc/assets/scss/_styles_project.scss

@@ -34,19 +34,18 @@
   font-family: "PT Mono", monospace;
 }
 
-@media (max-width: 996px) {
+@media (max-width: 992px) {
 
   footer .row {
     display: flex;
     flex-direction: column;
     align-items: center;
-    text-align: center;
   }
 
-  footer [class^="col-"] {
-    width: 100% !important;
-    max-width: 100% !important;
-    text-align: center !important;
+  footer .row > div {
+    width: 100%;
+    max-width: 100%;
+    text-align: center;
     margin-bottom: 1.25rem;
   }
 
@@ -59,10 +58,5 @@
   footer ul.list-inline li {
     margin: 0.4rem;
   }
+}
 
-  footer img {
-    margin-left: auto;
-    margin-right: auto;
-    display: block;
-  }
-}