From 2cb971ef09e3f8ec8b628000f94a326f2a011653 Mon Sep 17 00:00:00 2001 From: Lucien Lin Date: Tue, 24 Oct 2023 09:15:30 +0100 Subject: [PATCH 1/2] add adding bottom to body to prevent footer covered issue --- css/style.css | 1 + 1 file changed, 1 insertion(+) diff --git a/css/style.css b/css/style.css index 012e1ae..7507390 100644 --- a/css/style.css +++ b/css/style.css @@ -85,6 +85,7 @@ body { height: 100vh; max-width: 100vw; padding-top: 2rem; + padding-bottom: 5rem; /* font-family: 'DM Serif Display', serif; */ } From 1313db8d93cdc4c5b308bb725d6259802faba5bc Mon Sep 17 00:00:00 2001 From: Lucien Lin Date: Tue, 24 Oct 2023 09:27:00 +0100 Subject: [PATCH 2/2] experiemnting theme color --- css/style.css | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/css/style.css b/css/style.css index 7507390..8cdbee4 100644 --- a/css/style.css +++ b/css/style.css @@ -2,7 +2,7 @@ /* colour variable */ --backgound-light: rgb(242, 241, 230); --footer-dark: rgb(50, 47, 47); - --blackest: #000000; + --blackest: #182443; --dark-grey:#696463; --mid-grey: #696463; --light-grey:#C1BEBD; @@ -85,7 +85,7 @@ body { height: 100vh; max-width: 100vw; padding-top: 2rem; - padding-bottom: 5rem; + padding-bottom: 6rem; /* font-family: 'DM Serif Display', serif; */ } @@ -332,15 +332,18 @@ main { h1 { font-family: 'Elsie Swash Caps', serif; font-size: 3.8rem; + color: var(--blackest); } h2 { font-size: 1.8rem; + color: var(--blackest); } h3 { font-size: 1.5rem; + color: var(--blackest); color: var(--blackest); } footer { @@ -401,6 +404,7 @@ footer { .result-banner-mid-div { border: var(--line-s) solid var(--blackest); + border-left: none; margin-top: 2rem ; margin-bottom: 4rem; width: fit-content;