fix: Refactor CSS styles for card hover effect (#342)

schmelto · Oct 14, 2024 · d0e6c3f · d0e6c3f
1 parent d003ef7
commit d0e6c3f
Showing 1 changed file with 3 additions and 8 deletions.
diff --git a/css/styles.css b/css/styles.css
@@ -361,17 +361,11 @@ a.nav-link:hover {
   overflow: hidden;
   break-inside: avoid;
   padding: 0;
-  margin : 15px;
-  border : 1px solid grey; 
-  border-radius: 3px;
-  box-shadow: rgba(201, 198, 198, 0.24) 0px 3px 8px;
 }
-
 .flex-card:hover{
-  transform:translateY(-5px);
-  transition: transform 320ms ease-out 50ms; 
+  transform: scale(0.98);
+  transition: transform 0.5s;
 }
-
 .card-text {
   color: black;
 }
@@ -395,6 +389,7 @@ a.nav-link:hover {
   }
 
   .card {
+    margin-bottom: 1rem;
     background-color: #333a43;
   }