fixing small screen size details in footer and prev edition

SchoolofAI-Algiers · Jun 19, 2024 · 0aa2266 · 0aa2266
1 parent db8c85a
commit 0aa2266
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/footer/Footer.jsx b/src/components/footer/Footer.jsx
@@ -10,8 +10,8 @@ import ytbPng from "../../assets/ytb.png"
 const Footer = () => {
   return (
     <footer id="Contacts" className='relative py-10 bg-skyBlueColor flex flex-col xl:flex-row items-center justify-around w-full'>
-            <div className='w-[410px] flex flex-col gap-10'>
-                <img src={haick_footer} className="w-[100%]" />
+            <div className='w-[410px] flex flex-col gap-10 items-center'>
+                <img src={haick_footer} className="w-[60%] md:w-[100%]" />
                 {/* follow section */}
                 <div className="flex flex-col gap-4 items-center">
                   <div className="flex items-center gap-16">

diff --git a/src/components/prev-edition/edition_container/haick_edition_container.jsx b/src/components/prev-edition/edition_container/haick_edition_container.jsx
@@ -11,7 +11,7 @@ const HaickEditionContainer = ({logo , isLeft,images}) => {
             <div
                 className={`absolute top-0 ${isLeft ? 'left-0' : 'right-0'}
                     transform -translate-y-1/2 ${ isLeft ? 'translate-x-1/4' : '-translate-x-1/4'}
-                    bg-white rounded-lg h-[50px] w-[150px] flex justify-center items-center`}>
+                    bg-white rounded-lg h-[40px] w-[100px] md:h-[50px] md:w-[150px] flex justify-center items-center`}>
                         <img src={logo} className="w-[75%]" />
             </div>
         </div>