fixed logo width to relative

Author: undacmic

themes/base-theme/layouts/now/single.html

@@ -4,13 +4,13 @@
       <h2 style="margin-bottom: 0;">{{ .Title }}</h2>
       <span><strong>Last updated: </strong> {{ .Date | time.Format ":date_full" }}</span>
 
-      <div style="display: flex;">
+      <div style="display: flex; flex-direction: column;">
+        <div style="display: flex; align-content: center; justify-content: center;">
+          <img  src="{{ .Site.BaseURL }}/logo.png" style="width: 45%;height: auto;"/>
+        </div>
         <div style="margin-top: 30px; display: flex; align-items: center;">
           {{ .Content}}
         </div>
-        <div style="display: flex; align-content: center; justify-content: left;">
-          <img  src="{{ .Site.BaseURL }}/logo.png" style="width: 300px;height: auto;"/>
-        </div>
       </div>
       <blockquote>
         {{":bulb: Inspired by Derek Sivers' **[/now](https://sive.rs/now2)**" | .RenderString }}