Update index.html

index.html

@@ -14,10 +14,13 @@
   .header {
     background: #ffcc00;
     padding: 20px;
-    text-align: center;
+    display: flex; /* Use flexbox to layout the children horizontally */
+    align-items: center; /* Align children vertically in the center */
+    justify-content: flex-start; /* Align children to the start (left) */
   }
   .header img {
     width: 150px;
+    margin-right: 20px; /* Add some space between the image and the following content */
   }
   .nav {
     background: #333;
@@ -47,11 +50,11 @@
 <div class="header">
   <!-- Logo image -->
   <img src="medquestion.png" alt="7b-Nov23">
+  <!-- Rest of the header content goes here -->
 </div>
 
-
 <div class="main">
-<iframe src="https://huggingfaceh4-zephyr-chat.hf.space" style="width:100%; height:600px; border:none;"></iframe>
+  <iframe src="https://huggingfaceh4-zephyr-chat.hf.space" style="width:100%; height:600px; border:none;"></iframe>
 </div>
 
 <div class="footer">
@@ -59,8 +62,4 @@
 </div>
 
 </body>
-</html>
-
-
-</body>
-</html>
+</html>