banner fit
This commit is contained in:
parent
05db52de5d
commit
db53dfae91
1 changed files with 8 additions and 0 deletions
|
|
@ -50,6 +50,14 @@ nav a:active {
|
||||||
transform: translateY(1px); /* Slight Pressed-In effect on Click */
|
transform: translateY(1px); /* Slight Pressed-In effect on Click */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
header .banner {
|
||||||
|
max-width: 100%; /* Ensures the image is never larger than its container */
|
||||||
|
height: auto; /* Maintains the aspect ratio */
|
||||||
|
display: block; /* Prevents inline default spacing */
|
||||||
|
margin: 0 auto; /* Centers the image within the header */
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
header, main, footer {
|
header, main, footer {
|
||||||
max-width: 800px;
|
max-width: 800px;
|
||||||
margin: 20px auto;
|
margin: 20px auto;
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue