Skip to content

Commit e18a6a5

Browse files
author
Maledong
authored
fix: Footer not working with narrow viewport (#4093)
Ref: #4060.
1 parent 741e0cb commit e18a6a5

1 file changed

Lines changed: 21 additions & 1 deletion

File tree

layouts/css/page-modules/_jsfoundation.scss

Lines changed: 21 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -42,11 +42,31 @@
4242
.help {
4343
margin-top: 3em;
4444
width: 40%;
45-
margin-left: 50em;
4645
font-size: 14px;
4746
color: $white;
4847
}
4948

49+
@media (min-width: 280px) {
50+
.help {
51+
margin-left: 10%;
52+
}
53+
}
54+
@media (min-width: 320px) {
55+
.help {
56+
margin-left: 58%;
57+
}
58+
}
59+
@media (min-width: 500px) {
60+
.help {
61+
margin-left: 65%;
62+
}
63+
}
64+
@media (min-width: 768px) {
65+
.help {
66+
margin-left: 70%;
67+
}
68+
}
69+
5070
@media screen and (max-width: 700px) {
5171
.issue-link-container {
5272
flex-wrap: wrap;

0 commit comments

Comments
 (0)