candifloss/candifloss_site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Change section height

Browse Source 
100vh to 90vh to make title footer
This commit is contained in:
Candifloss 2025-05-29 08:26:52 +05:30
parent 3d8eb13cc7
commit ec5abc1865
5 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
css/about.css
View File

@ -16,7 +16,7 @@ main {
.section { .section {
scroll-snap-align: start; scroll-snap-align: start;
height: 100vh; height: 90vh;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
@ -152,6 +152,10 @@ footer {
color: #fff; color: #fff;
} }
} }
.lastsection {
height: 100vh;
}
.section2::before { .section2::before {
background-image: url("https://wallpapers.com/images/hd/integral-project-management-cover-erpo8ef1af3wuquu.jpg"); background-image: url("https://wallpapers.com/images/hd/integral-project-management-cover-erpo8ef1af3wuquu.jpg");
} }

2
html/about.html
View File

@ -50,7 +50,7 @@
</div> </div>
</section> </section>
<section class="section section5" id="contact"> <section class="section section5 lastsection" id="contact">
<div class="content"> <div class="content">
<h2>Contact</h2> <h2>Contact</h2>
<p>Email: you@example.com<br />Mastodon / GitHub / etc.</p> <p>Email: you@example.com<br />Mastodon / GitHub / etc.</p>

1
scss/about.scss
View File

@ -1,5 +1,6 @@
@use "about/base"; @use "about/base";
@use "about/section1"; @use "about/section1";
@use "about/section5";
.section2 { .section2 {
&::before { &::before {

2
scss/about/_base.scss
View File

@ -18,7 +18,7 @@ main {
.section { .section {
scroll-snap-align: start; scroll-snap-align: start;
height: 100vh; height: 90vh;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;

3
scss/about/_section5.scss Normal file
View File

@ -0,0 +1,3 @@
.lastsection {
height: 100vh;
}