From 55588921f2bcf4fe786623f120f1e9524ef3e06e Mon Sep 17 00:00:00 2001
From: "Md. Emruz Hossain" <hossainemruz@gmail.com>
Date: Fri, 24 Jul 2020 12:57:56 +0600
Subject: [PATCH] Fix responsiveness (#53)

---
 static/assets/css/list.css   | 2 ++
 static/assets/css/single.css | 5 +++++
 2 files changed, 7 insertions(+)

diff --git a/static/assets/css/list.css b/static/assets/css/list.css
index 9a4fc50..9d24dac 100644
--- 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
index fce8afe..98583d9 100644
--- 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;
   }