HPR/hpr_generator
5
0
Fork 0
Code Issues 33 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Use fluid design for main container margins and padding

Browse Source
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
1 changed files with 7 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
public_html/css/hpr.css
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 {