this repo has no description
well mobile looks good now, maybe
+22
-4
+22
-4
main.css
+22
-4
main.css
···
1
+
html {
2
+
height: -webkit-fill-available;
3
+
}
4
+
1
5
body {
2
6
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
3
7
line-height: 1.2;
4
8
min-height: 100vh;
5
9
display: flex;
10
+
min-height: -webkit-fill-available;
6
11
}
7
12
8
13
#container {
···
11
16
flex-grow: 1;
12
17
align-items: center;
13
18
justify-content: space-around;
14
-
15
-
/* justify-content: center; */
16
-
/* align-content: center; */
17
-
/* margin-left: auto; */
18
19
}
19
20
20
21
#content {
···
91
92
font-size: 0.8rem;
92
93
padding-bottom: 20px;
93
94
}
95
+
96
+
@media only screen and (max-device-width: 428px) and (-webkit-min-device-pixel-ratio: 2) {
97
+
body {
98
+
color: red;
99
+
}
100
+
a.button {
101
+
font-size: 2rem;
102
+
}
103
+
#footer {
104
+
font-size: 1.6rem;
105
+
}
106
+
107
+
/* twitter button */
108
+
.twitter-btn {
109
+
zoom: 2;
110
+
}
111
+
}