Changes some Css properties

button-ripple-effect/style.css

@@ -17,9 +17,9 @@ body {
 }
 
 button {
-  background-color: purple;
+  background-color:blue;
   color: #fff;
-  border: 1px purple solid;
+  border: 1px blue solid;
   font-size: 14px;
   text-transform: uppercase;
   letter-spacing: 2px;

content-placeholder/style.css

@@ -24,6 +24,7 @@ img {
   border-radius: 10px;
   overflow: hidden;
   width: 350px;
+  transition: transform 0.5s;
 }
 
 .card-header {
@@ -94,6 +95,9 @@ img {
   height: 10px;
   width: 100%;
 }
+.card:hover{
+  transform: translateY(-10px);
+}
 
 @keyframes bgPos {
   0% {