From 7fbd880b6dfcdb188a91bdcf5eebe862ab0ed76d Mon Sep 17 00:00:00 2001
From: Eliseu Amaro <mail@eliseuama.ro>
Date: Thu, 9 Dec 2021 14:50:33 +0000
Subject: [PATCH] [CSS] Blog styling changes

---
 assets/css/blog.css | 26 ++++++++++++++++++++++----
 1 file changed, 22 insertions(+), 4 deletions(-)

diff --git a/assets/css/blog.css b/assets/css/blog.css
index 832ce14..3bd7931 100644
--- a/assets/css/blog.css
+++ b/assets/css/blog.css
@@ -35,9 +35,15 @@ s {
   }
   .content-wrapper,
   #template-wrapper {
+    max-width: 100% !important;
+    width: 100% !important;
     margin-left: unset !important;
     padding: 0 1rem 0 1rem !important;
   }
+  
+  .template-unit img {
+	max-width:100% !important;
+  }
 
   .footer {
     margin-left: unset !important;
@@ -86,11 +92,11 @@ header {
 
   background-color: #221E22;
 
-  width: 15rem;
+  width: 12vw;
   height: 100vh;
 
   top: 0;
-  left: 0;
+  left: 12vw;
 
   -webkit-box-shadow: 2px 5px 16px 0px rgba(34, 30, 34, 0.4), 17px 26px 15px 0px rgba(0,0,0,0);
   box-shadow: 2px 5px 16px 0px rgba(34, 30, 34, 0.4), 17px 26px 15px 0px rgba(0,0,0,0);
@@ -154,7 +160,11 @@ header ul li a {
 
 .content-wrapper,
 #template-wrapper {
-  margin-left: 15rem;
+  display: flex;
+  flex-direction: column;
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 44vw;
   padding: 1rem;
 }
 #template-wrapper:first-of-type {
@@ -180,6 +190,14 @@ header ul li a {
 .template-unit ul + p {
   margin-top: 1rem;
 }
+.template-unit img {
+  display: block;
+  max-width:800px;
+  max-height: 400px;
+  width: auto;
+  height: auto;
+  margin-top: 5px;
+}
 .allposts_header + ul :last-child {
   margin-bottom: 1rem;
 }
@@ -205,7 +223,7 @@ pre {
     overflow-x: scroll;
 }
 .footer {
-  margin-left: 15rem;
+  margin-left: 24vw;
   margin-top: auto;
   padding: 1rem;
   background-color: #333333;