sander/rowsandall
Private
Public Access
1
0
Fork 0
Code Activity

first attempts at redesign

Browse Source
This commit is contained in:
Sander Roosendaal
2018-09-18 16:40:34 +02:00
parent dedcda474c
commit f11faf2eea
4 changed files with 63 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
static/css/styles2.css
View File

@@ -28,10 +28,20 @@
margin: 0;
padding: 0;
}
user ul {
list-style: none;
margin: 0;
padding: 0;
}
.main-head {
grid-area: header;
}
.main-user {
grid-area: user;
}
.content {
grid-area: content;
}
@@ -49,20 +59,24 @@
}
.wrapper {
display: grid;
grid-gap: 20px;
grid-gap: 2px;
grid-template-areas:
"header"
"nav"
"content"
"sidebar"
"ad"
"footer";
"header"
"user"
"nav"
"content"
"sidebar"
"ad"
"footer";
}
@media (min-width: 500px) {
@media (min-width: 750px) {
.wrapper {
grid-template-columns: 1fr 3fr;
grid-template-areas:
"header header"
"header header"
"user user"
"nav nav"
"sidebar content"
"ad footer";
@@ -75,12 +89,14 @@
display: flex;
justify-content: space-between;
}
}
@media (min-width: 700px) {
@media (min-width: 800px) {
.wrapper {
grid-template-columns: 1fr 4fr 1fr;
grid-template-areas:
"header header header"
"header header user"
"nav content sidebar"
"nav content ad"
"footer footer footer"