suroh
/
work.suroh.tk
0
0
Fork 0
Code Pull Requests Actions Activity

Responsive hacks. Not great but working.

This commit is contained in:
suroh 2019-04-30 23:58:26 +02:00
parent ae2bbe22bb
commit 7e8f37be2f
1 changed files with 67 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

69
css/master.css
View File

@ -137,7 +137,7 @@ section.page h1 {
padding: 0px;
}
@media screen and (width > 800px) {
@media screen and (width > 1360px) {
body {
font-size: 19px;
line-height: 24px;
@ -177,7 +177,72 @@ section.page h1 {
}
section.page h1 {
font-size: 8em;
font-size: 6em;
line-height: 0.95em;
}
section.content.page div.imgFeat {
grid-column: span 5;
grid-row: 1 / 4:
}
section.content.page section.imgs {
grid-column: 4 / span 2;
grid-row: 2:
}
section.content.page section.imgs>img {
max-width: 100%;
height: auto;
}
section.content.page section.text {
grid-column: 1 / span 3;
grid-row: 2;
}
}
@media screen and (width < 1360px) {
body {
font-size: 19px;
line-height: 24px;
margin: 0;
padding: 0;
}
/* --> NAVIGATION <-- */
nav {
margin: 23px 23px 8px;
font-size: 1.5em;
}
nav>span {
margin-right: 8px;
}
nav>span.active::after {
margin-left: 8px;
}
/* --> MAINPAGE CONSTRUCTION <-- */
section.content.visible {
margin: 20px 65px;
}
section.content ul.subMenu {
font-size: 1.5em;
}
/* --> SUBCONTENT CONSTRUCTION <-- */
section.content.page {
max-width: 1960px;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(16, 1fr);
grid-gap: 24px;
}
section.page h1 {
font-size: 4em;
line-height: 0.95em;
}