From b22815bac39d0238b3b6f68b00321141617030e6 Mon Sep 17 00:00:00 2001
From: Jairo Garciga <jgarciga0822@eagle.fgcu.edu>
Date: Thu, 18 Nov 2021 23:35:14 -0500
Subject: [PATCH] Fixing text sizing as well as mobile screen size

---
 jairo.css | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/jairo.css b/jairo.css
index 454ab7f..5c4e6a1 100644
--- a/jairo.css
+++ b/jairo.css
@@ -5,11 +5,11 @@
 .officer-grid{
   overflow:auto;
   padding: 10px;
-  height: 90vh;
+  height: 100vh;
   width: 100%;
   display: flex;
   flex-direction: row;
-  justify-content: space-evenly;
+  justify-content: space-around;
   flex-wrap: wrap;
 }
 .officer-grid div {
@@ -17,7 +17,7 @@
   box-sizing: border-box;
   text-align: center;
   width: 40%;
-  height: 35%;
+  height: 40%;
   padding: 2%;
 }
 
@@ -53,19 +53,21 @@
   .officer-grid{
     overflow:auto;
     padding: 5px;
-    height: 100vh;
+    height: 170vh;
     width: 100%;
     display: flex;
-    flex-direction: row;
+    flex-direction: column;
     justify-content: space-between;
-    flex-wrap: wrap;
+    flex-wrap: nowrap;
   }
 
   .officer-grid div {
+
     box-sizing: border-box;
     text-align: center;
-    width: 45%;
-    height: 40%;
+    align-self: center;
+    width: 80%;
+    height: 22%;
     padding: 2%;
   }