add animation to cards

Author: Papillard

10-homepage-with-cards/css/card.css

@@ -6,6 +6,10 @@
   margin: 10px;
   border-radius: 1px;
   box-shadow: 0 0 10px rgba(0,0,0,0.3);
+  transition: all 0.3s ease;
+}
+.card:hover {
+  margin-top: -5px;
 }
 .card-body {
   height: 180px;

10-homepage-with-cards/css/style.css

@@ -8,6 +8,9 @@ body {
   margin-bottom: 100px;
   font-family: 'Varela Round', sans-serif;
 }
+h2 {
+  margin-bottom: 40px;
+}
 .text-center {
   text-align: center;
 }