Merge pull request #34 from raph-bard/raph

Raph
raph-bard · Oct 4, 2023 · 54977c2 · 54977c2
2 parents 99b3cb4 + 49446de
commit 54977c2
Show file tree

Hide file tree

Showing 3 changed files with 245 additions and 242 deletions.
diff --git a/css/style.css b/css/style.css
@@ -284,10 +284,8 @@ a.card:hover {
 }
 .card-image {
   width: 100%;
-  min-height: 200px;
+  min-height: 220px;
   border-radius: 3px;
-  background: url("https://media.timeout.com/images/105922006/750/422/image.jpg")
-    no-repeat center/cover;
 }
 .card-details {
   display: flex;
@@ -373,7 +371,6 @@ a.card:hover {
   margin-top: 50px;
   width: 100%;
   height: 300px;
-  background: url("/media/cafe-neon.jpg") no-repeat center/cover;
 }
 .container-infos-bar h1 {
   font-size: 26px;
@@ -471,6 +468,7 @@ a.card:hover {
   background-color: white;
   border-radius: 15px;
   font-size: 16px;
+  overflow-x: auto;
 }
 
 .popup-bar p {
@@ -593,6 +591,7 @@ a.card:hover {
   position: relative;
   overflow: hidden;
   margin-bottom: 50px;
+  color: white;
 }
 .aboutus .team-card div {
   position: absolute;
@@ -617,15 +616,17 @@ a.card:hover {
 .aboutus .team-card div,
 .aboutus .team-card img,
 .aboutus .team-card:hover img {
-  transition: all 0.3s;
+  transition: transform 0.3s;
 }
 .aboutus .team-card img {
   float: left;
   width: 100%;
   height: auto;
+  filter: grayscale(100%);
 }
 .aboutus .team-card:hover img {
   transform: scale(1.08);
+  filter: none;
 }
 .aboutus .team-card strong {
   display: block;
@@ -1059,6 +1060,9 @@ iframe {
 @media screen and (min-width: 992px) {
   /* ------- main -------- */
 
+  .popup-bar .container {
+    padding: 0 1.5em;
+  }
   .bandeau {
     padding: 15vh 10%;
   }
@@ -1068,12 +1072,6 @@ iframe {
 
   .card {
     width: 49%;
-    flex-direction: row;
-    padding: 1.3rem;
-  }
-
-  .card-details {
-    padding: 0;
   }
 
   .card h2 {
@@ -1086,18 +1084,9 @@ iframe {
     width: 100%;
     justify-content: space-between;
   }
-
-  .card-image {
-    min-width: 100px;
-    max-width: 130px;
-    margin-right: 1.3rem;
-    min-height: auto;
-  }
 }
 
-.card-details {
-  padding: 0;
-}
+
 
 .card h2 {
   margin-top: 0;
@@ -1111,10 +1100,7 @@ iframe {
 }
 
 .card-image {
-  min-width: 100px;
-  max-width: 130px;
   margin-right: 1.3rem;
-  min-height: auto;
 }
 
 @media screen and (max-width: 992px) {
@@ -1125,17 +1111,12 @@ iframe {
 
 @media screen and (min-width: 1200px) {
   /* bandeau */
-  .popup-bar .container {
-    padding: 0 1.5em;
-  }
   .popup-bar .container-horaires {
     padding: 30px 15px 30px 15px;
   }
 }
 
 @media screen and (max-width: 1200px) {
   /* ------- main -------- */
-  .container {
-    padding: 0 1.5em;
-  }
+
 }