vrifox/website
vrifox/website
1
0
Fork 0
Code Issues 3 Pull requests Activity

adjustments for responsive webdesign

Browse source
This commit is contained in:
Vrifox 2020-09-21 10:59:52 +02:00
parent ece55fd60b
commit 740f1318ce
11 changed files with 265 additions and 98 deletions
Download patch file Download diff file Expand all files Collapse all files

5
assets/scss/_default/list.scss
View file

@ -58,3 +58,8 @@ header {
background: rgb(70, 70, 105);
}
}
@media (max-width: 600px) {
.section-articles {
grid-template-columns: repeat(1, 1fr);
}
}

9
assets/scss/_default/single.scss
View file

@ -3,7 +3,7 @@
.section-article {
article {
max-width: calc(100% / 3 * 2);
max-width: 720px;
margin: 80px auto;
.meta {
color: rgb(180, 180, 220);
@ -58,7 +58,7 @@
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 1rem;
max-width: calc(100% / 3 * 2);
max-width: 720px;
a {
color: rgb(255, 255, 255);
text-decoration: none;
@ -102,5 +102,10 @@
background: rgb(70, 70, 105);
}
}
@media (max-width: 600px) {
.section-articles {
grid-template-columns: repeat(1, 1fr);
}
}
@import '../partials/footer';