setting header background

mate-academy · Nov 22, 2024 · 6dcc437 · 6dcc437
1 parent 8154102
commit 6dcc437
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 3 deletions.
diff --git a/src/images/header-background.jpg b/src/images/header-background.jpg
diff --git a/src/styles/bloks/header.scss b/src/styles/bloks/header.scss
@@ -1,10 +1,13 @@
 .header{
-  background-color: aquamarine;
+  background-color: black;
+  background-image: url(../images/header-background.jpg);
+  background-repeat: no-repeat;
+  background-size: cover;
   min-height: 100vh;
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
-  padding: 0 20px 88px 20px;
+  padding: 0 20px 88px;
   box-sizing: border-box;
 }
 
diff --git a/src/styles/bloks/title.scss b/src/styles/bloks/title.scss
@@ -7,4 +7,5 @@
   text-align: center;
   text-underline-position: from-font;
   text-decoration-skip-ink: none;
+  color: white;
 }
diff --git a/src/styles/main.scss b/src/styles/main.scss
@@ -2,7 +2,7 @@
 @import 'fonts';
 @import 'typography';
 @import './bloks/title';
-@import './bloks/header'
+@import './bloks/header';