Websites/liljudd-website
1
0
Fork 0
Code Issues Pull requests Projects Releases 3 Packages Wiki Activity

Chore: grid on features page

Browse source
This commit is contained in:
Aron Malcher 2023-11-16 12:49:01 +01:00
parent 729ff7168a
commit 5ac4ec0419
Signed by: aronmal
GPG key ID: 816B7707426FC612
8 changed files with 130 additions and 147 deletions
Download patch file Download diff file Expand all files Collapse all files

32
src/components/ImageSection.astro
View file

@ -1,24 +1,30 @@
---
interface SectionProps {
interface Props {
imgUrl: string;
imgAlt: string;
title: string;
description: string;
note: string;
centered?: boolean;
}
const { imgUrl, imgAlt, title, description, note } = Astro.props;
import '../styles/components/ImageSection.scss'
const {
imgUrl,
imgAlt,
title,
description,
note,
centered = false,
} = Astro.props;
import "../styles/components/ImageSection.scss";
---
<section class="ImageSection">
<div class="content">
<h1>{title}</h1>
<div class="imgDiv">
<img src={imgUrl} alt={imgAlt} />
<p>{description}</p>
</div>
<div>
<p>{note}</p>
</div>
<section class:list={["ImageSection", { centered }]}>
<h1>{title}</h1>
<div class="imgDiv">
<img src={imgUrl} alt={imgAlt} />
<p>{description}</p>
</div>
<div>
<p>{note}</p>
</div>
</section>