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 {
width: 100%;
max-width: 58em;
margin: auto;
max-width: 58rem;
margin: 0.25rem;
padding: 0.75rem; /* fallback for browsers that don't support the clamp function) */
padding: clamp(0.75rem, -0.25rem + 3vw , 2.0rem);
overflow: hidden;
padding: .5em;
border: thin solid;
background: white;
border: thin solid #4D4D4D;
}
.shadow {
-moz-box-shadow: 2px 3px 6px 3px #675958;
-webkit-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;
box-shadow: 2px 3px 6px 3px #675958;
}
}
#hpr_banner {