Update styles-mobile.css

wtolley · Nov 4, 2024 · c9f9cd8 · c9f9cd8
1 parent 6f3306a
commit c9f9cd8
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/css/styles-mobile.css b/css/styles-mobile.css
@@ -36,16 +36,23 @@ body {
 main {
     width: 100%; /* Full width of the container */
     margin-bottom: 10px; /* Add space between main content and photo */
+    padding: 10px; /* Add padding inside main */
+    background-color: #403A5B; /* Same background color as in desktop for consistency */
+    border-radius: 10px; /* Rounded corners */
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Shadow for depth */
 }
 
 .photo-box {
     width: 100%; /* Make photo box full width */
     margin-left: 0; /* Remove left margin */
+    display: flex; /* Center the image */
+    justify-content: center; /* Center horizontally */
 }
 
 .photo-box img {
     max-width: 100%; /* Ensure the image fits inside the box */
     height: auto;
+    border-radius: 0%; /* Remove circular border for mobile */
 }
 
 /* Footer */