Add tips

app.py

@@ -262,10 +262,12 @@ with gr.Blocks() as demo:
             generate_btn = gr.Button("Generate HTML", variant="primary")
 
         with gr.Column(scale=2):
+            gr.Markdown("### 📱 Preview Area")
+            gr.Markdown("💡 **Tip**: Use the sliders below to adjust the preview size and zoom level for better viewing experience. You can also adjust the page's viewing angle by swiping up, down, left, or right.")
             with gr.Tabs():
                 with gr.TabItem("Preview"):
                     with gr.Row():
-                        scale_slider = gr.Slider(0.2, 1.5, value=0.7, step=0.05, label="Zoom")
+                        scale_slider = gr.Slider(0.2, 1.5, value=0.55, step=0.05, label="Zoom")
                         width_slider = gr.Slider(400, 2000, value=1920, step=100, label="Canvas Width (px)")
                         height_slider = gr.Slider(300, 1200, value=1080, step=50, label="Canvas Height (px)")