From 3ec229cb93b9ce03d7ec2467ea3873cc178d7e66 Mon Sep 17 00:00:00 2001
From: TechEmporium <techemporium.stlflops@gmail.com>
Date: Fri, 18 Jan 2019 16:41:01 -0500
Subject: [PATCH] Edited CSS to adapt to cell phone screens, based on screen
 orientation

---
 site.css | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/site.css b/site.css
index 872409a..d168576 100644
--- a/site.css
+++ b/site.css
@@ -152,11 +152,20 @@ padding: 20px 0px;
 
 /* Content */
 
+@media only screen and (orientation: landscape){
 #content {
 float: right;
 width: 650px;
 padding: 0px 0px 0px 0px;
 }
+}
+
+@media only screen and (orientation: portrait){
+#content {
+width: 650px;
+padding: 0px 0px 0px 0px;
+}
+}
 
 .post {
 background: #000000;
@@ -214,6 +223,7 @@ font-weight: bold;
 
 /* Sidebar */
 
+@media only screen and (orientation: landscape){
 #sidebar {
 float: left;
 width: 310px;
@@ -221,6 +231,16 @@ margin: 0px;
 padding: 0px 20px 0px 0px;
 color: #00FF00;
 }
+}
+
+@media only screen and (orientation: portrait){
+#sidebar {
+width: 310px;
+margin: 0px;
+padding: 0px 20px 0px 0px;
+color: #00FF00;
+}
+}
 
 #sidebar ul {
 margin: 0;