diff --git a/CSS/index.css b/CSS/index.css index adb43c8..8d7cec0 100644 --- a/CSS/index.css +++ b/CSS/index.css @@ -51,7 +51,7 @@ header { width: 100%; height: 600px; padding: 10% 0; - background-image: url("https://images.unsplash.com/photo-1542991214-df0aa5950676?ixlib=rb-1.2.1&"); + background-image: url("../Images/wmp_header.jpg"); background-size: cover; position: fixed; } @@ -70,7 +70,7 @@ header { } } header h1, -header h3 { +header h4 { text-shadow: 1px 1px 2px #282828; padding: none; color: #FFFFFF; @@ -81,7 +81,7 @@ header h3 { } @media (min-width: 1000px) { header h1, - header h3 { + header h4 { margin: 20px 0; } } @@ -210,6 +210,7 @@ main .section-container { flex-direction: row; flex-wrap: wrap; padding: 0 15%; + margin: 0 20px 100px; } } .section-container section { @@ -241,7 +242,7 @@ main .section-container { @media (min-width: 1000px) { .section-container section { width: 45%; - height: 625px; + max-height: 48%; } } .section-container section .text-container { diff --git a/Images/wmp_header.jpg b/Images/wmp_header.jpg index dac10b3..6f86269 100644 Binary files a/Images/wmp_header.jpg and b/Images/wmp_header.jpg differ diff --git a/LESS/Header.less b/LESS/Header.less index 2dac8ad..a4bf402 100644 --- a/LESS/Header.less +++ b/LESS/Header.less @@ -3,7 +3,7 @@ header { width: 100%; height: 600px; padding: 10% 0; - background-image: url("https://images.unsplash.com/photo-1542991214-df0aa5950676?ixlib=rb-1.2.1&"); + background-image: url("../Images/wmp_header.jpg"); background-size: cover; // Stick to top position: fixed; @@ -16,7 +16,7 @@ header { padding: 0 15%; } - h1, h3 { + h1, h4 { .text-shadow(); padding: none; color: @white; diff --git a/LESS/Main.less b/LESS/Main.less index 37c75ad..b5a9806 100644 --- a/LESS/Main.less +++ b/LESS/Main.less @@ -41,6 +41,7 @@ main { .flex(space-between, center, row); flex-wrap: wrap; padding: 0 15%; + margin: 0 20px 100px; } } } @@ -60,7 +61,7 @@ main { @media @desktop { width: 45%; - height: 625px; + max-height: 48%; } .text-container { diff --git a/index.html b/index.html index f7659d0..6579d27 100644 --- a/index.html +++ b/index.html @@ -24,7 +24,7 @@

Water My Plants

-

Track your plants' watering schedule automatically, without the guessing game.

+

Track your plants' watering schedule automatically, without the guessing game.