Merge pull request #487 from voluntarily/bug/VP-831/unneeded_horizont…

…al_scrollbar

Bug/vp 831/unneeded horizontal scrollbar

components/Footer/Footer.js

@@ -14,7 +14,6 @@ const getAllowedLinks = isAuthenticated =>
 
 const FooterBackground = styled.div`
   margin-top: 5rem;
-  width: 100vw;
   background-color: #fefefe;
 `
 
@@ -23,11 +22,11 @@ const FooterContainer = styled.div`
   margin: 0 auto;
 
   @media screen and (min-width: 768px) and (max-width: 1280px) {
-    width: 100vw;
+    width: 100%;
   }
 
   @media screen and (max-width: 767px) {
-    width: 100vw;
+    width: 100%;
   }
 `
 const FooterLogo = styled.img`

components/LandingPageComponents/Hero.js

@@ -46,9 +46,9 @@ margin-top: 4rem;
 
   @media screen and (max-width: 768px) {
     margin-top: 0rem;
-    grid-template-columns: 100vw;
+    grid-template-columns: 100%;
     height: auto;
-    width: 100vw;
+    width: 100%;
   }
 
 
@@ -93,7 +93,7 @@ const HeroLeft = styled.div`
   @media screen and (max-width: 768px) {
     margin-top: 0rem;
     margin-left: 0rem;
-    width: 100vw;
+    width: 100%;
     height: 15rem;
     border-radius: 0px;
   }
@@ -149,7 +149,7 @@ const AwesomeVideo = styled.video`
   z-index: 1;
 
   @media screen and (max-width: 768px) {
-    width: 100vw;
+    width: 100%;
     object-fit: cover;
     object-position: top;
   }