More header

Hekili · Nov 2, 2023 · c71eb58 · c71eb58
1 parent 64accd1
commit c71eb58
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 4 deletions.
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -35,9 +35,15 @@
 
       <section>
         <div id="title">
-          <img class="logo" src="/assets/images/tacodog.png" />
-          <h1>{{ site.title | default: site.github.repository_name }}</h1>
-          <p>{{ site.description | default: site.github.project_tagline }}</p>
+          <div class="flex-container">
+            <div class="flex-child">
+              <img class="logo" src="/assets/images/tacodog.png" />
+            </div>
+            <div class="flex-child">
+              <h1>{{ site.title | default: site.github.repository_name }}</h1>
+              <p>{{ site.description | default: site.github.project_tagline }}</p>
+            </div>        
+          </div>
           <hr>
           <span class="credits left">Project maintained by <a href="{{ site.github.owner_url }}">{{ site.github.owner_name }}</a></span>
           <span class="credits right"><!-- Hosted on GitHub Pages &mdash; Theme by <a href="https://twitter.com/mattgraham">mattgraham</a>--></span>

diff --git a/assets/css/style.scss b/assets/css/style.scss
@@ -3,8 +3,21 @@
 
 @import "{{ site.theme }}";
 
+.flex-container {
+    display: flex;
+};
+
+.flex-child {
+    flex: 1;
+    border: 2px solid yellow;
+}; 
+
+.flex-child:first-child {
+    margin-right: 20px;
+}; 
+
 .logo {
     display: inline;
-    width: 100px;
+    width: 74px;
     height: 100px;
 };