fix blog rendering issue (#308)

This PR fix the rendering issue introduced in #307 . It **does not** change the leaderboard value.
ShishirPatil · Apr 4, 2024 · 91b21c9 · 91b21c9
1 parent 95875a8
commit 91b21c9
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 22 deletions.
diff --git a/assets/css/blog.css b/assets/css/blog.css
@@ -120,5 +120,9 @@ pre {
     }
 }
 
-
-
+.navbar {
+    display: flex;
+    justify-content: flex-end; 
+    align-items: flex-start; 
+    flex-wrap: wrap;
+}
diff --git a/assets/css/styles.css b/assets/css/styles.css
@@ -30,19 +30,3 @@ body, html, p, h1, h2, h3, .author-date, .blog-title, .author, .date {
     overflow-wrap: break-word;
 }
 
-
-.container {
-    max-width: 100%;
-    width: auto;
-}
-
-
-@media (max-width: 768px) {
-    h1 {
-        font-size: 24px; 
-    }
-
-    h2 {
-        font-size: 18px;
-    }
-}
diff --git a/blogs/4_open_functions.html b/blogs/4_open_functions.html
@@ -347,9 +347,8 @@ <h4 id="models">Models and Capabilities!</h4>
             justify-content: center;
         }
         .blog-post {
-            margin: 20px;
             padding: 20px;
-            max-width: 1000px; 
+            max-width: 70%; 
             justify-content: center;
         }
         .blog-post img {
@@ -367,9 +366,9 @@ <h4 id="models">Models and Capabilities!</h4>
                 justify-content: center; 
         }
         .author {
-                font-size: 16px;
+                font-size: 12px;
                 color: #1E90FF;
-                margin-right: 20px;
+                margin-right: 15px;
         }
 
         .date {

diff --git a/blogs/5_how_to_gorilla.html b/blogs/5_how_to_gorilla.html
@@ -792,6 +792,23 @@ <h4>Summary</h4>
                 /* Hide the index on smaller screens */
             }
         }
+
+        .container {
+            max-width: 100%;
+            width: auto;
+        }
+
+
+        @media (max-width: 768px) {
+            h1 {
+                font-size: 24px; 
+            }
+
+            h2 {
+                font-size: 18px;
+            }
+        }
+
     </style>
 </body>