diff --git a/includes/styles.css b/includes/styles.css index 341aeb4..26fc267 100644 --- a/includes/styles.css +++ b/includes/styles.css @@ -60,7 +60,7 @@ header .banner { max-width: 100%; /* Ensures the image is never larger than its container */ max-height: 200px; /* Maximum height for the image */ display: block; /* Prevents inline default spacing */ - margin: 0 auto; /* Centers the image within the header */ + margin: 40px auto 0px auto; /* Centers the image within the header */ width: auto; /* Adjusts the width to maintain the aspect ratio */ border-radius: 10px; } @@ -112,7 +112,7 @@ footer { header .banner { max-height: 100px; /* Resize the maximum height for mobile */ - width: 100%; /* Take full width of the container */ + width: 100%; /* Take full width of the container * } /* You may also want to adjust other elements to fit mobile layout better */