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

Add responsive style to About page

Browse Source
This commit is contained in:
Shelby Kay
2022-09-09 15:01:36 +02:00
parent 4442f268f9
commit 35b1e27e7c
6 changed files with 159 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -169,22 +169,20 @@
<div class="text text-small">
{@html about.creation_text}
</div>
<figure class="portrait-photo">
<Image
class="shadow-box-dark"
id={about.creation_portrait.id}
alt={about.creation_portrait.title}
sizeKey="photo-list"
sizes={{
small: { width: 400 },
medium: { width: 750 },
}}
ratio={1.425}
/>
<figcaption class="text-info">
{about.creation_portrait_caption}
</figcaption>
</figure>
<Image
class="portrait-photo shadow-box-dark"
id={about.creation_portrait.id}
alt={about.creation_portrait.title}
sizeKey="photo-list"
sizes={{
small: { width: 400 },
medium: { width: 750 },
}}
ratio={1.425}
/>
<span class="portrait-photo__caption text-info">
{about.creation_portrait_caption}
</span>
</div>
</section>
@@ -282,7 +280,7 @@
</div>
</section>
<section class="about__interest grid">
<section class="about__interest container grid">
<div class="container grid">
<h2 class="title-xl">{about.contact_title}</h2>
<div class="blocks">