Merge pull request #102 from rgavinc/master

Better mobile experience on home page
zero-to-mastery · Oct 2, 2019 · e80e775 · e80e775
2 parents 3a2c9e7 + afb04b5
commit e80e775
Showing 1 changed file with 25 additions and 15 deletions.
diff --git a/assets/css/home.css b/assets/css/home.css
@@ -80,24 +80,34 @@ section#hero-content {
   transform: translate(-50%, -50%);
 }
 
-.centered .display-1{
-  font-size: 5rem;
+.centered .display-1 {
+  font-size: 3rem;
 }
+
+@media (min-width: 1280px) {
+  .centered .display-1 {
+    font-size: 5rem;
+  }
+}
+
 @media (min-width: 320px) and (max-width: 1280px) {
-.carousel-item {
+  .carousel-item {
     height: 60vh;
   }
-.carousel-caption {
-  top: 30%;
-  transform: translateY(-30%);
-}
-.carousel-caption h3 {
-  padding: 35px 43px;
-  font-size: 2rem;
-  font-weight: 600;
+  .carousel-caption {
+    top: 30%;
+    transform: translateY(-30%);
+  }
+  .carousel-caption h3 {
+    padding: 35px 43px;
+    font-size: 2rem;
+    font-weight: 600;
+  }
+  .carousel-caption p {
+    font-size: 1.2rem;
+  }
 }
-.carousel-caption p {
-  font-size: 1.2rem
+
+.slide img {
+  width: 100%;
 }
-
-}