Merge pull request #36 from Foces-core/new_contact

commits in footer
Foces-core · Jul 28, 2024 · bd3dc23 · bd3dc23
2 parents 815b993 + 7b961cf
commit bd3dc23
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git a/src/Components/Execom/Execom.jsx b/src/Components/Execom/Execom.jsx
@@ -109,7 +109,7 @@ function Execom() {
             {cardData.map((d, index) => (
               <div key={index} className="relative card-hover">
                 <div className='container-execom'>
-                <img className="object-cover w-full h-full  border-box grayscale hover:filter-none  " src={d.img} alt="" style={{ width: d.width, height: d.height, bottom: d.bottom }} />
+                <img className="object-cover  w-full h-full  border-box grayscale hover:filter-none  " src={d.img} alt="" style={{ width: d.width, height: d.height, bottom: d.bottom }} />
                 <div className="absolute  bottom-0 rounded-r-md  w-full bg-black bg-opacity-60 ">
                   <div className="text-white text-[15px] pl-4 pb-1 pt-2  text-left italic">
                     <div className="font-semibold">{d.name}</div>

diff --git a/src/Components/Execom/custom.css b/src/Components/Execom/custom.css
@@ -12,7 +12,12 @@
   display: flex;
   justify-content: center;
   align-items: center; 
-
+  box-sizing: border-box;
+
+}
+.container-execom img
+{
+  border-radius: 30px;
 }
 
 .slick-slide {
@@ -27,7 +32,8 @@
   }
 
   .border-box{
-    border:2px solid #424242;
+    border:3px solid #424242;
+    box-sizing: border-box;
 
   }
  @media (min-width : 340px) and (max-width: 400px) {

diff --git a/src/Pages/LandingPage/Footer/Footer.jsx b/src/Pages/LandingPage/Footer/Footer.jsx
@@ -22,7 +22,7 @@ function Footer() {
   }, []);
 
   return (
-    <div className="h-[10vh] bg-[#101011] relative z-0 flex w-screen items-center gap-10 p-5 max-[767px]:flex-col mt-20 max-[767px]:pt-3">
+    <div className="h-[10vh] bg-[#101011] relative z-0 flex w-screen items-center gap-10 p-5 max-[767px]:flex-col pt-10 max-[767px]:pt-3">
       <div className="w-[15%] max-[767px]:w-[50%]">
         <img src="././src/assets/FOCES.png" alt="" />
       </div>