add modified and fixed code

magnifiques · Mar 17, 2022 · 2bfabe3 · 2bfabe3
1 parent 7ad25f4
commit 2bfabe3
Show file tree

Hide file tree

Showing 7 changed files with 20 additions and 15 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,5 @@
+{
+    "cSpell.words": [
+        "Bateman"
+    ]
+}
diff --git a/css/style.css b/css/style.css
diff --git a/index.html b/index.html
@@ -16,7 +16,7 @@
     <body>
         <header class="header"> 
             <div class="header__logo-box">
-                <img src="/img/white logo.png" alt="logo-main" class="header__logo" />
+                <img src="./img/white logo.png" alt="logo-main" class="header__logo" />
             </div>
 
             <div class="header__text-box">
@@ -61,9 +61,9 @@ <h3 class="heading-tertiary u-margin-bottom-small">
                         <div class="col-1-of-2">
 
                             <div class="composition">
-                                <img src="img/nat-2.jpg" alt="photo1" class="composition__photo composition__photo--p1">
-                                <img src="img/nat-3-large.jpg" alt="photo2" class="composition__photo composition__photo--p2">
-                                <img src="img/nat-1-large.jpg" alt="photo3" class="composition__photo composition__photo--p3">
+                                <img src="./img/nat-2.jpg" alt="photo1" class="composition__photo composition__photo--p1">
+                                <img src="./img/nat-3-large.jpg" alt="photo2" class="composition__photo composition__photo--p2">
+                                <img src="./img/nat-1-large.jpg" alt="photo3" class="composition__photo composition__photo--p3">
                             </div>
 
                         </div>

diff --git a/sass/components/_cards.scss b/sass/components/_cards.scss
@@ -69,21 +69,21 @@
             background-image: linear-gradient(to right bottom, 
             rgba(variables.$color-first-dark, 0.2), 
             rgba(variables.$color-first-light, 0.6)), 
-            url('/img/nat-4.jpg');
+            url('../../img/nat-4.jpg');
         }
 
         &--2{
             background-image: linear-gradient(to right bottom, 
             rgba(variables.$color-second-dark, 0.2), 
             rgba(variables.$color-second-light, 0.6)), 
-            url('/img/nat-5.jpg');
+            url('../../img/nat-5.jpg');
         }
 
         &--3{
             background-image: linear-gradient(to right bottom, 
             rgba(variables.$color-third-dark, 0.1), 
             rgba(variables.$color-third-light, 0.3)), 
-            url('/img/nat-6.jpg');
+            url('../../img/nat-6.jpg');
         }
     }
 

diff --git a/sass/components/_header.scss b/sass/components/_header.scss
@@ -1,6 +1,6 @@
 .header {
     height: 95vh;
-    background-image: linear-gradient(to right bottom, rgba(0, 0, 0, 0.493), rgba(49, 49, 49, 0.123)) ,url('/img/hero.jpg');
+    background-image: linear-gradient(to right bottom, rgba(0, 0, 0, 0.493), rgba(49, 49, 49, 0.123)) ,url('../../img/hero.jpg');
     background-size: cover;
     background-position: center;
     --webkit--clip-path: polygon(0 0, 100% 0, 100% 85vh, 0 100%);

diff --git a/sass/layouts/_grid.scss b/sass/layouts/_grid.scss
@@ -47,4 +47,4 @@
     .col-3-of-4 {
         width: calc(3 * ((100% - 3 * #{variables.$gutter-horizontal}) / 4) + 2 * #{variables.$gutter-horizontal});
     }
-}
+}
diff --git a/sass/pages/_home.scss b/sass/pages/_home.scss
@@ -34,7 +34,7 @@
     padding: 20rem 0;
     background-image: linear-gradient(to right bottom, rgba(0, 0, 0, 0.493),
      rgba(49, 49, 49, 0.123)),
-     url('/img/nat-9.jpg');
+     url('../../img/nat-9.jpg');
      background-size: cover;
      margin-top: -10rem;
      transform: skewY(-7deg);
-Original file line number
+Diff line change
@@ Expand Up / @@ -47,4 +47,4 @@ @@
         .col-3-of-4 {
             width: calc(3 * ((100% - 3 * #{variables.$gutter-horizontal}) / 4) + 2 * #{variables.$gutter-horizontal});
         }
-    }
+    }