Fix image proportions (#205)

* Fix image proportions * Use correct aspect ratio
Amsterdam · Sep 4, 2024 · f9c2009 · f9c2009
1 parent faa0a1d
commit f9c2009
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git 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
@@ -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>