From 08484306093356357916bd4a79d44d1d0c72e0ae Mon Sep 17 00:00:00 2001
From: Chuck Dries <chuck@chuckdries.com>
Date: Sun, 13 Jun 2021 10:53:17 -0700
Subject: [PATCH] WIP image sizing next

---
 gatsby/src/templates/gallery-image.js | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/gatsby/src/templates/gallery-image.js b/gatsby/src/templates/gallery-image.js
index 717cfc6..eb29e07 100644
--- a/gatsby/src/templates/gallery-image.js
+++ b/gatsby/src/templates/gallery-image.js
@@ -8,11 +8,13 @@ const GalleryImage = ({ pageContext, data }) => {
   console.log(getMeta(image));
   const name = getName(image);
   return (
-    <div className="bg-black h-screen">
+    <div className="bg-black min-h-screen">
       <h1>{name}</h1>
       <GatsbyImage
         className=""
         style={{
+          width: '100vw',
+          maxHeight: '100%'
           // maxHeight: "800px"
           // width: '400px',
           // height: '100%'
@@ -37,9 +39,9 @@ export const query = graphql`
             aspectRatio
           }
           gatsbyImageData(
-            layout: FULL_WIDTH
+            layout: CONSTRAINED
             placeholder: BLURRED
-            # width: 400
+            width: 1920
           )
           fields {
             imageMeta {