Update styles.css
This commit is contained in:
parent
a8ce3b489f
commit
fc2909710b
1 changed files with 2 additions and 2 deletions
|
|
@ -60,7 +60,7 @@ header .banner {
|
||||||
max-width: 100%; /* Ensures the image is never larger than its container */
|
max-width: 100%; /* Ensures the image is never larger than its container */
|
||||||
max-height: 200px; /* Maximum height for the image */
|
max-height: 200px; /* Maximum height for the image */
|
||||||
display: block; /* Prevents inline default spacing */
|
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 */
|
width: auto; /* Adjusts the width to maintain the aspect ratio */
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
}
|
}
|
||||||
|
|
@ -112,7 +112,7 @@ footer {
|
||||||
|
|
||||||
header .banner {
|
header .banner {
|
||||||
max-height: 100px; /* Resize the maximum height for mobile */
|
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 */
|
/* You may also want to adjust other elements to fit mobile layout better */
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue