Update app.py

app.py

@@ -2,47 +2,84 @@
 import streamlit as st
 import math
 
+st.set_page_config(page_title="Enhanced Calculator", page_icon=":calculator:", layout="wide")  # Page configuration
+
+# Add some styling with CSS
+st.markdown(
+    """
+    <style>
+    body {
+        font-family: sans-serif;
+    }
+    .calculator-container {
+        border: 2px solid #ccc;
+        padding: 20px;
+        border-radius: 10px;
+        box-shadow: 5px 5px 10px rgba(0,0,0,0.2); /* Add a subtle shadow */
+        background-color: #f8f9fa; /* Light background color */
+    }
+    .input-col {
+        width: 30%; /* Adjust input column width */
+        float: left;
+        padding: 10px;
+    }
+    .operation-col {
+        width: 40%; /* Adjust operation column width */
+        float: left;
+        padding: 10px;
+    }
+    .result-col {
+        width: 30%; /* Adjust result column width */
+        float: left;
+        padding: 10px;
+    }
+    .stButton>button {
+        background-color: #4CAF50; /* Green button */
+        color: white;
+        padding: 10px 20px;
+        border: none;
+        border-radius: 5px;
+        cursor: pointer;
+    }
+    .stButton>button:hover {
+        background-color: #45a049; /* Darker green on hover */
+    }
+    </style>
+    """,
+    unsafe_allow_html=True,
+)
+
 st.title("Enhanced Calculator")
 
-# Input fields for numbers
-num1 = st.number_input("Enter first number")
-num2 = st.number_input("Enter second number")
-num3 = st.number_input("Enter third number")
+# Use columns for layout
+col1, col2, col3 = st.columns([1, 1, 1])  # Three equal-width columns
+
+with col1:
+    st.subheader("Input Numbers")
+    num1 = st.number_input("First Number", value=0.0)  # Default value
+    num2 = st.number_input("Second Number", value=0.0)
+    num3 = st.number_input("Third Number", value=0.0)
+
+with col2:
+    st.subheader("Select Operation")
+    operation = st.selectbox(
+        "Operation",
+        ["+", "-", "*", "/", "Power", "Square Root", "Cube Root", "Average"],
+    )
+
+with col3:
+    st.subheader("Result")
+    if st.button("Calculate"):
+        try:
+            # ... (calculation logic remains the same as before)
+            # ...
+            st.write(f"Result: {result}")
+        except (ZeroDivisionError, ValueError) as e:
+            st.error(str(e))
+        except Exception as e:
+            st.error(f"An error occurred: {e}")
 
-# Operation selection
-operation = st.selectbox(
-    "Select operation",
-    ["+", "-", "*", "/", "Power", "Square Root", "Cube Root", "Average"],
-)
 
-# Calculation and display
-if st.button("Calculate"):
-    try:  # Wrap in a try-except block for better error handling
-        if operation == "+":
-            result = num1 + num2 + num3
-        elif operation == "-":
-            result = num1 - num2 - num3
-        elif operation == "*":
-            result = num1 * num2 * num3
-        elif operation == "/":
-            if num2 == 0 or num3 == 0:
-                raise ZeroDivisionError("Division by zero is not allowed.")  # Raise exception
-            else:
-                result = num1 / num2 / num3
-        elif operation == "Power":
-            result = num1**num2
-        elif operation == "Square Root":
-            if num1 < 0:
-                raise ValueError("Square root of a negative number is not allowed.")  # Raise exception
-            else:
-                result = math.sqrt(num1)
-        elif operation == "Cube Root":
-            result = num1**(1/3)
-        elif operation == "Average":
-            result = (num1 + num2 + num3) / 3
-        st.write(f"Result: {result}")
-
-    except (ZeroDivisionError, ValueError) as e:  # Catch specific exceptions
-        st.error(str(e))  # Display the error message to the user
-    except Exception as e:  # Catch any other unexpected exceptions
-        st.error(f"An error occurred: {e}")  # Display a generic error message
+# Add some extra visual elements (optional)
+st.markdown("---")  # Separator line
+st.write("Made with Streamlit")  # Footer