Use fluid design for main container margins and padding
This commit is contained in:
parent
68e51c0a32
commit
e8f01ba5c5
@ -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 {
|
||||
|
Loading…
Reference in New Issue
Block a user