Style footer menu for mobile

Author: itsamoreh

components/molecules/Navigation/Navigation.module.css

@@ -1,9 +1,9 @@
 .navigation {
   & > ul {
-    @apply flex;
+    @apply flex flex-wrap justify-center;
 
     & > li {
-      @apply relative ml-10;
+      @apply relative mx-8 mb-2;
 
       & a {
         @apply block;
@@ -24,6 +24,12 @@
           @apply block;
         }
       }
+
+      @screen lg {
+        &:last-child {
+          @apply mr-0 mb-0;
+        }
+      }
     }
 
     /* Nested ul / Drop Menu */

components/organisms/Footer/Footer.module.css

@@ -3,10 +3,10 @@
 
   & .footerMenu {
     & > ul {
-      @apply flex justify-center mb-8;
+      @apply flex flex-wrap justify-center mb-8;
 
       & > li {
-        @apply mx-8;
+        @apply mx-8 mb-2;
       }
     }
   }