Update Home.py

Home.py

@@ -5,17 +5,19 @@ import numpy as np
 # Page configuration
 st.set_page_config(page_title="Electronics Sales Analysis", layout="wide")
 
+# Title with centered alignment
 st.markdown(
     """
-    <h1 style="text-align: center; color: white;">📱 Consumer Electronics Sales Analysis and ML Model💻</h1>
+    <h1 style="text-align: center; color: white;">📱 Consumer Electronics Sales Analysis and ML Model 💻</h1>
     """, 
     unsafe_allow_html=True
 )
 
+# Main image with 90% width
 st.markdown(
     """
     <div style="text-align: center;">
-        <img src="https://cdn-uploads.huggingface.co/production/uploads/67441c51a784a9d15cb12871/dV0WXaXfOUrNjQmNQkspQ.jpeg" width="70%" />
+        <img src="https://cdn-uploads.huggingface.co/production/uploads/67441c51a784a9d15cb12871/dV0WXaXfOUrNjQmNQkspQ.jpeg" width="90%" />
     </div>
     """, 
     unsafe_allow_html=True
@@ -60,17 +62,17 @@ st.markdown(
     unsafe_allow_html=True
 )
 
-# st.subheader("Hotel Data Analysis Model Creation Flow", anchor="hotel-data-flow")
+# Flowchart title
 st.markdown(
     '<div class="title">Electronics Sales Analysis and Model Creation Flow</div>', 
     unsafe_allow_html=True
 )
 
-# Flowchart GIF with center alignment
+# Flowchart GIF with 90% width
 st.markdown(
     """
-    <div style="text-align:center;">
-        <img src="https://cdn-uploads.huggingface.co/production/uploads/67441c51a784a9d15cb12871/BNnk1RdpWhdjTnW9Wm5gA.gif" alt="classification=project-flowchart.gif" />
+    <div style="text-align: center;">
+        <img src="https://cdn-uploads.huggingface.co/production/uploads/67441c51a784a9d15cb12871/BNnk1RdpWhdjTnW9Wm5gA.gif" alt="classification-project-flowchart.gif" width="90%" />
     </div>
     """, 
     unsafe_allow_html=True