From d50b8525cd3f2daf737be3842401b3e371de84df Mon Sep 17 00:00:00 2001
From: unknown <clay2000lbs@gmail.com>
Date: Wed, 15 Apr 2020 20:48:02 -0500
Subject: [PATCH 1/3] added media queries to start me off for tomorrow

---
 style/index.css | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/style/index.css b/style/index.css
index 96f9d0b89..c26635a69 100644
--- a/style/index.css
+++ b/style/index.css
@@ -134,3 +134,11 @@ a {
     color: black;
     text-decoration: none;
 }
+/*Media Queries*/
+
+@media (max-width:800px) {
+
+}
+@media (max-width:500px) {
+    
+}
\ No newline at end of file

From a893dfa9b518c9a47ad8c7ff45b6f1abb8afd5fa Mon Sep 17 00:00:00 2001
From: unknown <clay2000lbs@gmail.com>
Date: Thu, 16 Apr 2020 20:59:39 -0500
Subject: [PATCH 2/3] added responsiveness for 800px display

---
 style/index.css | 53 +++++++++++++++++++++++++++----------------------
 1 file changed, 29 insertions(+), 24 deletions(-)

diff --git a/style/index.css b/style/index.css
index c26635a69..59ea7a076 100644
--- a/style/index.css
+++ b/style/index.css
@@ -21,7 +21,7 @@ time, mark, audio, video {
 	margin: 0;
 	padding: 0;
 	border: 0;
-	font-size: 100%;
+	font-size: 62.5%;
 	font: inherit;
 	vertical-align: baseline;
 }
@@ -52,27 +52,27 @@ table {
 /* my css here  */
 
 .header {
-    border: 3px solid black;
+    border: .1rem solid black;
     background-color: lightgrey;
 }
 h1 {
-    font-size: xx-large;
+    font-size: 2em;
     color: black;
     margin: 0 0 20px 20px;
 }
 h2 {
-    font-size: x-large;
+    font-size: 1.5em;
 }
 h3 {
     background-color: white;
-    padding: 10px;
-    border: 2px solid black;
+    padding: 1em;
+    border: .01em solid black;
 }
 nav {
     color: black;
-     width: 600px;
+     width: 25%;
     display: flex;
-    margin: 0px 0px 20px 40px;
+    margin: 0 0 1.5em 2.5em;
  }
 nav h3:hover {
     background-color: black;
@@ -83,41 +83,42 @@ nav h3:hover {
     background-color: beige;
 }
 .intro img {
-    width: 800px;
-    height: 500px;
-    margin: 20px 20px 20px 20px;
+    width: 40rem;
+    height: 30em;
+    margin: 1.5em 1.5em 1.5em 1.5em;
 }
 .about-me {
     display: flex;
     flex-direction: column;
     justify-content: space-evenly;
-    width: 500px;
-    height: 200px;
-    margin: 200px 20px 20px 20px;
+    width: 30%;
+    height: 11em;
+    margin: 11em 1.5em 1.5em 1.5em;
   }
 .about-me h3 {
-    width: 70px;
+    width: 4rem;
 }
 .about-me h3:hover{
     background-color: black;
     color: white;
 }
 .about-me p {
-    font-size: large;
+    font-size: 1.5rem;
 }
 .gallery {
-    display flex;
+    display: flex;
     flex-wrap: wrap;
 }
 .gallery img {
-     padding: 20px;
-    width: 400px;
-    height: 400px;
+    margin-left: 4rem;
+    padding: 20px;
+    width: 24rem;
+    height: 25em;
 }
 .footer {
-    padding:20px;
+    padding: 1.5em;
     background-color: lightgrey;
-    border: 3px solid black;
+    border: .4em solid black;
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -136,8 +137,12 @@ a {
 }
 /*Media Queries*/
 
-@media (max-width:800px) {
-
+@media (max-width: 800px) {
+.intro {
+    display: flex;
+    flex-direction: column;
+    flex-wrap: wrap;
+    }
 }
 @media (max-width:500px) {
     

From a246aa711475d79b6e28e0de175f96d48a8219d9 Mon Sep 17 00:00:00 2001
From: unknown <clay2000lbs@gmail.com>
Date: Sun, 19 Apr 2020 12:54:14 -0500
Subject: [PATCH 3/3] re commit finished work

---
 style/index.css | 51 +++++++++++++++++++++++++++++++++++++++++--------
 1 file changed, 43 insertions(+), 8 deletions(-)

diff --git a/style/index.css b/style/index.css
index 59ea7a076..ad9d076e3 100644
--- a/style/index.css
+++ b/style/index.css
@@ -51,6 +51,7 @@ table {
 
 /* my css here  */
 
+
 .header {
     border: .1rem solid black;
     background-color: lightgrey;
@@ -61,11 +62,12 @@ h1 {
     margin: 0 0 20px 20px;
 }
 h2 {
-    font-size: 1.5em;
+    font-size: 2rem;
 }
 h3 {
+    font-size: 1.2rem;
     background-color: white;
-    padding: 1em;
+    padding: 1.5em;
     border: .01em solid black;
 }
 nav {
@@ -91,8 +93,8 @@ nav h3:hover {
     display: flex;
     flex-direction: column;
     justify-content: space-evenly;
-    width: 30%;
-    height: 11em;
+    width: 40rem;
+    height: 20em;
     margin: 11em 1.5em 1.5em 1.5em;
   }
 .about-me h3 {
@@ -103,6 +105,8 @@ nav h3:hover {
     color: white;
 }
 .about-me p {
+    height: auto;
+    width: auto;
     font-size: 1.5rem;
 }
 .gallery {
@@ -118,7 +122,7 @@ nav h3:hover {
 .footer {
     padding: 1.5em;
     background-color: lightgrey;
-    border: .4em solid black;
+    border: .1em solid black;
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -138,12 +142,43 @@ a {
 /*Media Queries*/
 
 @media (max-width: 800px) {
+    .header {
+        align-content: center;
+        justify-content: center;
+    }
 .intro {
-    display: flex;
+    height: auto;
     flex-direction: column;
-    flex-wrap: wrap;
+    align-content: center;
+    justify-content: center;
     }
 }
 @media (max-width:500px) {
-    
+    nav {
+        margin: 0;
+    }
+    .header nav h3 {
+     display: none;
+    }
+    .intro {
+        height: auto;
+        flex-direction: column;
+        align-content: center;
+        justify-content: center;
+        }
+    .intro img {
+        height: 20rem;
+        width: 20rem;
+    }
+    .gallery {
+        margin: 0;
+    }
+    .gallery img {
+        height: 20rem;
+        width: 20rem;
+    }
+    .about-me {
+        width: 20rem;
+        height: 30em;
+    }
 }
\ No newline at end of file