all repos — site @ 1c13153c60ee5f1f07c002e833f3935878e16848

source for my site, found at icyphox.sh 

Reduce min-width to 800px

Signed-off-by: Anirudh Oppiliappan <x@icyphox.sh>
Anirudh Oppiliappan x@icyphox.sh
Tue, 24 Mar 2020 23:09:01 +0530
commit

1c13153c60ee5f1f07c002e833f3935878e16848

parent

4472540f33ca850dd973d84938a1b46e80eb4f05

1 files changed, 7 insertions(+), 3 deletions(-)

jump to
M static/style.css → static/style.css 
@@ -52,7 +52,7 @@ padding: 0px;
   margin: 0px;
   padding-top: 2%;
   padding-left: 3%;
-  padding-bottom: 3%;
+  padding-bottom: 1%;
 }
 
 .pull-right h3 {

@@ -76,10 +76,12 @@ .content {
   text-align: left;
 }
 
-@media only screen and (min-width: 1080px) {
+@media only screen and (min-width: 800px) {
   .pull-right {
     text-align: left;
+    max-width: 100%;
     grid-column: 10;
+    padding-left: 15%;
     grid-row: 1;
   }
 

@@ -102,8 +104,10 @@ }
 
 @media only screen and (min-width: 1400px) {
   .pull-right {
+    max-width: 100%;
     text-align: left;
     grid-column: 9;
+    padding-left: 15%;
     grid-row: 1;
   }
 

@@ -111,7 +115,7 @@ .sep {
     display: hidden;
   }
   .pull-left {
-    grid-column: 4 / 9;
+    grid-column: 4 / 8;
     grid-row: 1;
   }
   .content {