Update app.py

app.py

@@ -602,30 +602,30 @@ def create_app():
         margin-top: 20px;
     }
     /* Logo */
-#logo-img {
+#logo-img img {
     max-height: 70px;
     width: auto;
     border-radius: 8px;
 }
     """
     
-    with gr.Blocks(
-        title="CCC Plus Quiz App",
-        css=custom_css,
-        theme=gr.themes.Soft()
-    ) as app:
-        
-        # Header
-        gr.HTML(f"""
-        <div class="quiz-header">
-            <img id="logo-img" src="{'nielit_logo.png' if os.path.exists('nielit_logo.png') else ''}" alt="NIELIT Logo" />
-            <div class="quiz-header-text">
-                <h1>🖥️ CCC Plus Quiz App</h1>
-                <p>Computer Concepts Plus - Interactive Quiz Platform</p>
-                <p>NIELIT Chandigarh • National Institute of Electronics & Information Technology</p>
-            </div>
-        </div>
-        """)
+    with gr.Blocks(title="CCC Plus Quiz App", css=custom_css, theme=gr.themes.Soft()) as app:
+    with gr.Row(elem_classes="quiz-header"):
+        with gr.Column(scale=1):
+            logo_img = gr.Image(
+                value="nielit_logo.png" if os.path.exists("nielit_logo.png") else None,
+                elem_id="logo-img",
+                interactive=False,
+                show_label=False
+            )
+        with gr.Column(scale=6):
+            gr.HTML("""
+                <div class="quiz-header-text">
+                    <h1>🖥️ CCC Plus Quiz App</h1>
+                    <p>Computer Concepts Plus - Interactive Quiz Platform</p>
+                    <p>NIELIT Chandigarh • National Institute of Electronics & Information Technology</p>
+                </div>
+            """)
         
         with gr.Row():
             # Left Panel - Controls