Margin bottom products

Author: w3bdesign

src/components/Footer/Stickynav.component.tsx

@@ -13,7 +13,7 @@ import Hamburger from './Hamburger.component';
 const Stickynav = () => (
   <nav
     id="footer"
-    className="fixed bottom-0 z-50 w-full md:hidden mt-8"
+    className="fixed bottom-0 z-50 w-full md:hidden"
   >
     <div className="container flex flex-wrap items-center justify-between px-6 py-3 mx-auto mt-0 md:min-w-96 bg-blue-800">
       <Hamburger />

src/components/Product/DisplayProducts.component.tsx

@@ -48,7 +48,7 @@ interface IDisplayProductsProps {
 
 const DisplayProducts = ({ products }: IDisplayProductsProps) => (
   <section className="container mx-auto bg-white">
-    <div id="product-container" className="flex flex-wrap items-center">
+    <div id="product-container" className="flex flex-wrap items-center mb-12 md:mb-0">
       {products ? (
         products.map(
           ({