From ec5abc1865ce34cf34c91469ae3ac8664cb8f04f Mon Sep 17 00:00:00 2001 From: candifloss Date: Thu, 29 May 2025 08:26:52 +0530 Subject: [PATCH] Change section height 100vh to 90vh to make title footer --- css/about.css | 6 +++++- html/about.html | 2 +- scss/about.scss | 1 + scss/about/_base.scss | 2 +- scss/about/_section5.scss | 3 +++ 5 files changed, 11 insertions(+), 3 deletions(-) create mode 100644 scss/about/_section5.scss diff --git a/css/about.css b/css/about.css index 24daa33..170fd23 100644 --- a/css/about.css +++ b/css/about.css @@ -16,7 +16,7 @@ main { .section { scroll-snap-align: start; - height: 100vh; + height: 90vh; display: flex; flex-direction: column; justify-content: center; @@ -152,6 +152,10 @@ footer { color: #fff; } } +.lastsection { + height: 100vh; +} + .section2::before { background-image: url("https://wallpapers.com/images/hd/integral-project-management-cover-erpo8ef1af3wuquu.jpg"); } diff --git a/html/about.html b/html/about.html index 2c3c7b4..03c5666 100644 --- a/html/about.html +++ b/html/about.html @@ -50,7 +50,7 @@ -
+

Contact

Email: you@example.com
Mastodon / GitHub / etc.

diff --git a/scss/about.scss b/scss/about.scss index ee39d26..a437ee9 100644 --- a/scss/about.scss +++ b/scss/about.scss @@ -1,5 +1,6 @@ @use "about/base"; @use "about/section1"; +@use "about/section5"; .section2 { &::before { diff --git a/scss/about/_base.scss b/scss/about/_base.scss index cb16c4c..8d04042 100644 --- a/scss/about/_base.scss +++ b/scss/about/_base.scss @@ -18,7 +18,7 @@ main { .section { scroll-snap-align: start; - height: 100vh; + height: 90vh; display: flex; flex-direction: column; justify-content: center; diff --git a/scss/about/_section5.scss b/scss/about/_section5.scss new file mode 100644 index 0000000..37f25e0 --- /dev/null +++ b/scss/about/_section5.scss @@ -0,0 +1,3 @@ +.lastsection { + height: 100vh; +} \ No newline at end of file