From 5ac4ec04192ed905a3d86f969dfbe966e2a67d5c Mon Sep 17 00:00:00 2001 From: aronmal Date: Thu, 16 Nov 2023 12:49:01 +0100 Subject: [PATCH] Chore: grid on features page --- src/components/ImageSection.astro | 32 ++++++---- src/layouts/Layout.astro | 8 +-- src/pages/features.astro | 83 +++++++++++-------------- src/styles/GlobalLayout.css | 48 +++++++------- src/styles/components/Footer.scss | 8 +-- src/styles/components/ImageSection.scss | 30 +++++---- src/styles/pages/features.scss | 29 ++------- src/styles/pages/index.scss | 39 ++++++------ 8 files changed, 130 insertions(+), 147 deletions(-) diff --git a/src/components/ImageSection.astro b/src/components/ImageSection.astro index 2e1a2fe..bba112f 100644 --- a/src/components/ImageSection.astro +++ b/src/components/ImageSection.astro @@ -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"; --- -
-
-

{title}

-
- {imgAlt} -

{description}

-
-
-

{note}

-
+
+

{title}

+
+ {imgAlt} +

{description}

+
+
+

{note}

diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index b0f70a3..648e64f 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -1,8 +1,8 @@ --- import Footer from "@components/Footer.astro"; import NavBar from "@components/NavBar.astro"; -import '../styles/Layout.scss'; -import '../styles/GlobalLayout.css' +import "../styles/Layout.scss"; +import "../styles/GlobalLayout.css"; --- @@ -20,9 +20,7 @@ import '../styles/GlobalLayout.css' -
- -
+