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

proposal for inner content

Browse Source
This commit is contained in:
Sander Roosendaal
2018-09-27 17:26:08 +02:00
parent 41e1870d73
commit e2b5499af4
18 changed files with 62 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
static/css/styles2.css
View File

@@ -342,12 +342,27 @@
"user"
"nav"
"content"
"side-header"
"sidebar"
"ad"
"footer";
}
.main-content {
list-style: none;
margin: 0;
}
.main-content li.landscape {
grid-column-end: span 2;
}
.main-content li img {
display: block;
width: 100%;
height: auto;
padding: 5px;
}
@media (max-width: 449px) {
nav a {
font-size: 0px;
@@ -365,7 +380,7 @@
"header header"
"user user"
"side-nav nav"
"side-header content"
"sidebar content"
"sidebar content"
"ad footer";
}
@@ -381,6 +396,12 @@
justify-content: space-between;
}
.main-content {
display: grid;
grid-template-columns: repeat(1,1fr);
grid-gap: 10px;
}
}
@@ -392,7 +413,7 @@
grid-template-areas:
"header header user"
"side-nav nav nav"
"side-header content content"
"sidebar content content"
"sidebar content content"
"sidebar content content"
"sidebar footer footer"
@@ -407,7 +428,11 @@
flex-direction: row;
}
.main-content {
display: grid;
grid-template-columns: repeat(2,1fr);
grid-gap: 10px;
}
}