Skip to content

Commit 7798000

Browse files
committed
attempted to fix footer on narrow screens
1 parent e1518fe commit 7798000

1 file changed

Lines changed: 25 additions & 2 deletions

File tree

vis/stylesheets/modules/_footer.scss

Lines changed: 25 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
11
.builtwith {
22
margin: 15px 10px 15px 50px;
33
font-size: 12px;
4-
// TODO this doesn't work on mobile (footer is unreadable)
54
height: 20px;
65
}
76

@@ -15,7 +14,31 @@
1514
}
1615
}
1716

18-
@media screen and (max-width: 640px) {
17+
@media screen and (max-width: 1210px) {
18+
.builtwith {
19+
font-size: 11px;
20+
}
21+
}
22+
23+
@media screen and (max-width: 1120px) {
24+
.builtwith {
25+
font-size: 10px;
26+
}
27+
}
28+
29+
@media screen and (max-width: 1030px) {
30+
.builtwith {
31+
font-size: 9px;
32+
}
33+
}
34+
35+
@media screen and (max-width: 1000px) {
36+
.builtwith {
37+
font-size: 10px;
38+
}
39+
}
40+
41+
@media screen and (max-width: 900px) {
1942
.builtwith {
2043
margin: 10px 0px 10px 20px;
2144
font-size: 11px;

0 commit comments

Comments
 (0)