* {
box-sizing: border-box;
}
.low {
max-width: 1057px;
padding: 15px;
margin: 0 auto;
background-color: #fff;
display: grid;
grid-template-columns: 1fr 4fr;
column-gap: 20px;
grid-template-areas:
"header main"
"footer footer"
;
}
@media screen and (max-width: 710px) {
.low {
grid-template-columns: 1fr;
grid-template-areas:
"header"
"main"
"footer"
;
}
}
header {
grid-area: header;
}
main {
grid-area: main;
}
footer {
grid-area: footer;
text-align: right;
color: #999;
}
img {
max-width: 100%;
height: auto;
}
nav ul {
list-style-type: none;
padding-left: 0px;
margin-left: 0;
margin-top: 10px;
}
nav a {
text-decoration: none;
background-color: #e9f0f4;
color: #0a557c;
padding: 4px 14px;
display: block;
}