From 27582edf936fe2bd4aebe460e7e4f74cfb3fbfea Mon Sep 17 00:00:00 2001
From: Job Vonk <sticcpistt@icloud.com>
Date: Wed, 9 Oct 2024 10:49:26 +0100
Subject: [PATCH] fix: image alignment on samenwerking page (#391)

---
 src/templates/PageTemplate.jsx | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/templates/PageTemplate.jsx b/src/templates/PageTemplate.jsx
index 60bb87a2..e19b3575 100644
--- a/src/templates/PageTemplate.jsx
+++ b/src/templates/PageTemplate.jsx
@@ -2,13 +2,16 @@ import React from 'react';
 import Markdown from 'markdown-to-jsx';
 import { graphql } from 'gatsby';
 import ContentfulPage from '../components/layout/ContentfulPage';
+import styled from 'styled-components';
 
 export default ({ data }) => {
   const page = data.contentfulPage;
 
   return (
     <ContentfulPage page={page}>
-      <Markdown>{page.content.content}</Markdown>
+      <MarkdownPageStyle>
+        <Markdown>{page.content.content}</Markdown>
+      </MarkdownPageStyle>
     </ContentfulPage>
   );
 };
@@ -23,3 +26,15 @@ export const pageQuery = graphql`
     }
   }
 `;
+
+const MarkdownPageStyle = styled.div`
+  .images {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 1rem;
+  }
+
+  .images > * {
+    width: 100%;
+  }
+`;