fix: footer responsive

Author: buzzracharyeah-rejan

src/scenes/Footer/index.tsx

@@ -10,7 +10,7 @@ const Footer = () => {
     <>
       <Divider />
       <Box p='48px 100px 38px 100px'>
-        <FlexBetween className='footer' sx={{ alignItems: 'flex-start' }}>
+        <FlexBetween className='footer' sx={{ alignItems: 'flex-start', flexWrap: 'wrap' }}>
           <Box className='footer__meta' display='flex' flexDirection='column' gap='4.5rem'>
             <Typography variant='h4' className='footer__meta-title'>
               Funiro.

src/scenes/Shop/fragments/ShoppingItems.tsx

@@ -58,7 +58,7 @@ const ShoppingItems = () => {
   };
 
   return (
-    <Box mb='1.5rem'>
+    <Box mb='3.5rem'>
       <Box
         height='100px'
         display='flex'

src/scenes/Shop/index.tsx

@@ -1,12 +1,14 @@
 import { Box } from '@mui/material';
 import Header from './fragments/Header';
 import ShoppingItems from './fragments/ShoppingItems';
+import Banner from '../../components/Banner';
 
 const Shop = () => {
   return (
     <>
       <Header />
       <ShoppingItems />
+      <Banner />
       {/* <Box sx={{ border: '1px solid #000', display: 'flex', justifyContent: 'center ' }}></Box> */}
     </>
   );