From 97d5a31b6381a59cb8c161fb2eca55e4ce2d4452 Mon Sep 17 00:00:00 2001
From: Tommy Parnell <tommy@terribledev.io>
Date: Thu, 10 Jun 2021 21:33:58 -0400
Subject: [PATCH] fluid images

---
 pages/index.js         | 2 +-
 styles/Home.module.css | 8 ++++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/pages/index.js b/pages/index.js
index 2145769..6a26629 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -13,7 +13,7 @@ export default function Home() {
       <main className={styles.main}>
         <h1>Luis.Fail</h1>
         <h3>June 9th 2021</h3>
-        <img src="/img/email.png" alt="Operah email meme" />
+        <img className={styles.fluid} src="/img/email.png" alt="Operah email meme" />
       </main>
     </>
   )
diff --git a/styles/Home.module.css b/styles/Home.module.css
index f6e3362..1a3f2a3 100644
--- a/styles/Home.module.css
+++ b/styles/Home.module.css
@@ -1,7 +1,11 @@
 .main {
-  width: 60vw;
-  padding: 0 20vw;
+  width: 80vw;
+  padding: 0 10vw;
   display: flex;
   flex-flow: column;
   align-items: center;
+}
+
+.fluid {
+  max-width: 100%;
 }
\ No newline at end of file