all repos — website @ f9a6119a33c3d7a680a733566b218daaaae13f34

personal website hosted at prithu.xyz, built using hugo 

change post list page style
Prithu Goswami prithugoswami524@gmail.com
Wed, 13 May 2020 19:52:18 +0530
commit

f9a6119a33c3d7a680a733566b218daaaae13f34

parent

5c07250cd27e59cd77389062693df353dcaec405

2 files changed, 14 insertions(+), 5 deletions(-)

jump to
M hugo-site/layouts/posts/list.html → hugo-site/layouts/posts/list.html 
@@ -2,7 +2,7 @@ {{ partial "head.html" . }}
 <body>
   {{ partial "nav.html" }}
   <div class="bcontainer">
-    <div class="bcontent">
+    <div class="bcontent" id=blist>
       <h1>Latest Posts</h1>
       <div class="posts">
         {{ range .Pages }}
M hugo-site/static/css/blog.css → hugo-site/static/css/blog.css 
@@ -32,6 +32,7 @@ .bcontent{
     /* background-color: lightgreen; */
     width: 55%;
 }
+
 .bcontent h1{
     font-size: 2.3rem;
     line-height: 1.2;

@@ -69,19 +70,19 @@ 
 .post-item{
     display: flex;
     justify-content: space-between;
-    padding: 0.8rem 0.5rem;
+    padding: 0.5rem 0.5rem;
 }
 
 .post-item > a {
-    line-height: 1.4;
     max-width: 70%;
     margin-right: 1rem;
+    overflow: hidden;
 }
 
 .post-item > .post-date{
     font-size: 1rem;
     line-height: 1.4;
-    min-width: 30%;
+    white-space: nowrap;
     text-align: right;
 }
 

@@ -176,9 +177,17 @@ color: rgba(0,0,0,0.7);
     text-transform: italic;
 }
 
-@media only screen and (max-width: 767px){
+@media only screen and (max-width: 768px){
     .bcontent {
         width: 90%;
+    }
+
+    #blist {
+        width:100%;
+    }
+
+    #blist h1{
+        margin-left: 1rem;
     }
 
     .bcontainer {