Fix responsiveness (#53)

popiula · Jul 24, 2020 · 5558892 · 5558892
1 parent 64fb493
commit 5558892
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/static/assets/css/list.css b/static/assets/css/list.css
@@ -100,6 +100,7 @@
     padding-left: 1rem;
     padding-right: 1rem;
     flex: 85%;
+    max-width: 85%;
   }
   .post-card-holder .post-card {
     width: calc(100% / 5);
@@ -286,6 +287,7 @@
   }
   .content-section {
     flex: 100%;
+    max-width: 100%;
     padding-left: 0;
     width: 100%;
   }

diff --git a/static/assets/css/single.css b/static/assets/css/single.css
@@ -17,6 +17,7 @@ body {
 
 .content-section {
   flex: 60%;
+  max-width: 60%;
   order: 2;
   /* background-color: lightseagreen; */
   padding: 0;
@@ -317,6 +318,7 @@ mark {
 @media only screen and (min-width: 1824px) {
   .content-section {
     flex: 65%;
+    max-width: 65%;
   }
   .content-section .container {
     max-width: 100%;
@@ -341,6 +343,7 @@ mark {
   .content-section {
     padding: 0;
     flex: 60%;
+    max-width: 100%;
     order: 2;
     overflow: hidden;
   }
@@ -416,6 +419,7 @@ mark {
   .content-section {
     padding: 0;
     flex: 60%;
+    max-width: 100%;
     order: 2;
     overflow: hidden;
   }
@@ -487,6 +491,7 @@ mark {
   .content-section {
     padding: 0;
     flex: 100%;
+    max-width: 100%;
     order: 3;
   }