Use fluid design for main container margins and padding

This commit is contained in:
Roan Horning 2024-10-12 10:24:27 -04:00
parent 68e51c0a32
commit e8f01ba5c5
Signed by: rho_n
GPG Key ID: 234AEF20B72D5769

View File

@ -121,28 +121,20 @@ article#previous_five_weeks > h3 {
} }
#container { #container {
width: 100%; max-width: 58rem;
max-width: 58em; margin: 0.25rem;
margin: auto; padding: 0.75rem; /* fallback for browsers that don't support the clamp function) */
padding: clamp(0.75rem, -0.25rem + 3vw , 2.0rem);
overflow: hidden; overflow: hidden;
padding: .5em;
border: thin solid;
background: white; background: white;
border: thin solid #4D4D4D;
} }
.shadow { .shadow {
-moz-box-shadow: 2px 3px 6px 3px #675958; -moz-box-shadow: 2px 3px 6px 3px #675958;
-webkit-box-shadow: 2px 3px 6px 3px #675958; -webkit-box-shadow: 2px 3px 6px 3px #675958;
box-shadow: 2px 3px 6px 3px #675958;} box-shadow: 2px 3px 6px 3px #675958;
}
#hprlogo {
display: block;
position: relative;
top: 0;
left: 0;
border: 0;
margin: 0.75em;
float:left;
} }
#hpr_banner { #hpr_banner {