update forms

IrynaSlavinska · Dec 31, 2023 · b2422ea · b2422ea
1 parent 9c63b02
commit b2422ea
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 15 deletions.
diff --git a/src/components/Layout/Layout.styled.jsx b/src/components/Layout/Layout.styled.jsx
@@ -34,5 +34,16 @@ export const StyledLink = styled(NavLink)`
 `;
 
 export const Main = styled.main`
-  padding: 32px;
+  background-image: url(https://images.pexels.com/photos/949587/pexels-photo-949587.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1);
+
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: cover;
+  margin: 0 auto;
+  max-width: 1400px;
+  height: 85vh;
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
 `;
diff --git a/src/index.css b/src/index.css
@@ -68,5 +68,7 @@ body::-webkit-scrollbar-thumb {
   text-align: center;
   display: flex;
   justify-content: center;
+
   margin-bottom: 4px;
+  margin-top: 30px;
 }
diff --git a/src/pages/HomePage/HomePage.styled.jsx b/src/pages/HomePage/HomePage.styled.jsx
@@ -1,19 +1,6 @@
 import styled from '@emotion/styled';
 
-export const HomeContainer = styled.div`
-  background-image: url(https://images.pexels.com/photos/949587/pexels-photo-949587.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1);
-
-  background-repeat: no-repeat;
-  background-position: center;
-  background-size: cover;
-  margin: 0 auto;
-  max-width: 1400px;
-  height: 80vh;
-
-  display: flex;
-  justify-content: center;
-  align-items: center;
-`;
+export const HomeContainer = styled.div``;
 
 export const Title = styled.h1`
   font-size: 60px;