Update style.css

style.css

@@ -25,20 +25,22 @@ body {
 
 .header-container {
     display: flex; /* Use flexbox for horizontal alignment */
-    justify-content: center; /* Horizontally align the items in the center */
+    align-items: center; /* Vertically align the image and h1 in the center */
     gap: 10px; /* Optional: space between the image and h1 */
-    height: 100%; /* Ensure the container has a height to center items vertically */
+    height: auto; /* Let the container size itself based on its content */
 }
 
 /* Image styling */
 .header-container img {
     height: 50px; /* Set image height */
-    width: auto; /* Maintain aspect ratio of the image */
+    width: auto; /* Maintain aspect ratio */
 }
 
 /* Header styling */
 .header-container h1 {
     margin: 0; /* Remove the default margin from the h1 */
+    padding: 0; /* Remove any padding */
+    line-height: 1; /* Ensure the line-height is tight */
 }
 
 /* 1px separator styling */