From 22add541f86156dd129239e81bc0c177968eabaf Mon Sep 17 00:00:00 2001
From: Nye Evans <nyeevans@outlook.com>
Date: Mon, 4 Jan 2021 20:18:41 +0000
Subject: [PATCH] mobile css tweaks

I've discovered i can run a server that my phone can access!!!! woo no more small github pushes!!
---
 index.html         |  2 +-
 pages/mainpage.css | 23 +++++++++++++++++------
 2 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/index.html b/index.html
index b8cb4eb..d12c941 100644
--- a/index.html
+++ b/index.html
@@ -25,7 +25,7 @@
     </h2>
 
     <div style = "width: 100%; height: auto; text-align: center;">
-        <img src = "images\ProfilePlaceholder.png" class = "orangeBorder">
+        <img src = "images\ProfilePlaceholder.png" class = "profileImage orangeBorder">
     </div>
 
     <h3 style = "margin-bottom: 5vh;"> 
diff --git a/pages/mainpage.css b/pages/mainpage.css
index 09e4b45..8022a5a 100644
--- a/pages/mainpage.css
+++ b/pages/mainpage.css
@@ -219,6 +219,19 @@ h4{
         font-size: 2.3vw;
     }
 
+    .profileImage{
+        margin: 0;
+        width: 100%; 
+
+        border: none;
+        border-radius: 0;
+        border-top:  5px solid #ffd256;
+        border-bottom:  5px solid #ffd256;
+
+        padding-left: 0;
+        padding-right: 0;
+    }
+
     #galleryHeader{
         margin-left: 0; 
         margin-right: 0;
@@ -235,10 +248,6 @@ h4{
         margin-right: 0;
     }
 
-    .galleryDescriptor{
-        grid-column: 1/13;
-    }
-
     .galleryImage{ /*all images should be 700x700*/
         grid-column: 1/13;
         grid-row: 3/8;
@@ -276,19 +285,21 @@ h4{
         font-size: 3.5vh;
     
         border-radius: 0;
+        border: 5px solid #ffd256;
         border-left: 0;
         border-right: 0;
-        border-bottom: 2px solid #ffd256;;
     }
 
     .galleryCaption{
         grid-column: 1/13;
         grid-row: 8/13;
     
-        border-radius: 0;
         font-size: 4vw; 
+
+        border: 5px solid #ffd256;
         border-left: 0;
         border-right: 0;
+        border-radius: 0;
     }
     
     .galleryLeftArrow{