flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Put About Purpose section on grid

Browse Source
This commit is contained in:
Félix Péault
2022-08-29 14:21:55 +02:00
parent f0a7e9f38d
commit eec3049a2c
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/routes/about/+page.svelte
View File

@@ -233,8 +233,8 @@
</div> </div>
</section> </section>
<section class="about__purpose" bind:this={purposeEl}> <section class="about__purpose grid" bind:this={purposeEl}>
<div class="container-wide"> <div class="container">
<div class="text title-xl" role="heading"> <div class="text title-xl" role="heading">
{@html about.purpose_text} {@html about.purpose_text}
</div> </div>

6
src/style/pages/_about.scss
View File

@@ -140,19 +140,19 @@
margin-top: 120px; margin-top: 120px;
} }
.container-wide { .container {
grid-column: 2 / -2;
position: relative; position: relative;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
height: calc(100vh - var(--sides)); height: calc(var(--vh) * 0.9);
max-height: 720px; max-height: 720px;
color: #fff; color: #fff;
padding: 0 8%; padding: 0 8%;
@include bp (sm) { @include bp (sm) {
padding: 0 18%; padding: 0 18%;
min-height: calc(100vh - var(--sides));
max-height: 1200px; max-height: 1200px;
} }
} }