From f9c200934f8503cc98f0254ad400b3c70e871184 Mon Sep 17 00:00:00 2001
From: Aram <37216945+alimpens@users.noreply.github.com>
Date: Wed, 4 Sep 2024 13:42:29 +0200
Subject: [PATCH] Fix image proportions (#205)

* Fix image proportions

* Use correct aspect ratio
---
 src/app/amsterdam/kunst-en-cultuur/page.tsx | 5 ++---
 src/app/amsterdam/nieuws/page.tsx           | 2 +-
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/app/amsterdam/kunst-en-cultuur/page.tsx b/src/app/amsterdam/kunst-en-cultuur/page.tsx
index 1e52c0c..10a6a36 100644
--- a/src/app/amsterdam/kunst-en-cultuur/page.tsx
+++ b/src/app/amsterdam/kunst-en-cultuur/page.tsx
@@ -39,9 +39,8 @@ function KunstEnCultuur() {
           </Paragraph>
         </Grid.Cell>
         <Grid.Cell span={{ narrow: 4, medium: 8, wide: 8 }}>
-          <AspectRatio ratio="wide">
-            {/* TODO: proportions are off */}
-            <NextImage alt="" src={artAndCultureImage} />
+          <AspectRatio ratio="x-wide">
+            <NextImage alt="" src={artAndCultureImage} fill />
           </AspectRatio>
         </Grid.Cell>
       </Grid>
diff --git a/src/app/amsterdam/nieuws/page.tsx b/src/app/amsterdam/nieuws/page.tsx
index 88a8982..48baf4c 100644
--- a/src/app/amsterdam/nieuws/page.tsx
+++ b/src/app/amsterdam/nieuws/page.tsx
@@ -20,6 +20,7 @@ function Nieuws() {
       </Grid>
       <article>
         <Grid paddingBottom="medium">
+          {/* TODO: this looks off on medium screen widths, should probably be full width */}
           <Grid.Cell span={6}>
             <Heading className="ams-mb--xs">Maatregelen tegen overlast fatbikes</Heading>
             <Paragraph>8 november 2023</Paragraph>
@@ -35,7 +36,6 @@ function Nieuws() {
           </Grid.Cell>
           <Grid.Cell span={6}>
             <AspectRatio ratio="x-wide">
-              {/* TODO: deze dimensies kloppen nog niet */}
               <NextImage alt="" src={fatbikesImage} fill />
             </AspectRatio>
           </Grid.Cell>