update styles

Author: Kseniia Chepur

README.md

@@ -1,4 +1,5 @@
-## VanLife
-An app for renting travel vans -> React Router 6 project at Scrimba 
+# VanLife
+#### An app for renting travel vans -> React Router 6 project at Scrimba 
+
 
 [DEMO](https://fantastic-sunflower-9a004a.netlify.app/)

src/assets/icons/favicon.ico renamed to public/favicon.ico

@@ -3,7 +3,7 @@
 footer {
   background-color: $primary-c;
   color: $light-gray-c;
-  height: 74px;
+  height: 10vh;
   display: flex;
   flex-shrink: 0;
   justify-content: center;

src/assets/images/home-hero.jpg

@@ -1,10 +1,10 @@
 @import "../../utils/variables.scss";
 
 .header {
-  height: 110px;
+  height: 10vh;
   display: flex;
   align-items: center;
-  padding: 36px 25px;
+  padding-inline: 25px;
 
   &__logo {
     color: black;

src/assets/images/home-hero.png

@@ -1,30 +1,34 @@
 @import "../../utils/variables.scss";
 
 .home {
-  &__content {
-    background: linear-gradient(0deg, rgba(0, 0, 0, 0.46), rgba(0, 0, 0, 0.46)), 
-    url("../../assets/images/home-hero.png") no-repeat center center;
+   background: linear-gradient(0deg, rgba(0, 0, 0, 0.46), rgba(0, 0, 0, 0.46)), 
+    url("../../assets/images/home-hero.jpg") no-repeat 50%;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
-    min-height: 350px;
-    color: $white-c;
     padding-block: 65px;
+    min-height: 80vh;
+  &__content {
+   
+
+    color: $white-c;
+
     display: flex;
     flex-direction: column;
     align-items: center; 
   }
 
   &__title {
     font-size: 2.25rem;
-    font-weight: 700;   
+    font-weight: 700;
     line-height: 2.625rem;
     margin-bottom: 23px;
   }
 
   &__description {
-    line-height: 24px;
+    font-weight: 500;
+    line-height: 1.5rem;
     margin-bottom: 52px;
   }
 }

src/components/Footer/Footer.scss

@@ -2,6 +2,7 @@
 
 .vans {
   padding-inline: 23px;
+  margin-top: 36px;
 
   &__title {
     margin-bottom: 22px;

src/components/Header/Header.scss

@@ -11,4 +11,4 @@ $beige-c: #FFEAD0;
 $date-c: #8C8C8C;
 $line-c: #C7C7C7;
 $border-c: #D1D5DB;
-$pastel-bg-c: #ffddb2;
+$pastel-bg-c: #ffddb2;