Skip to content

Commit 17788b2

Browse files
committed
Improved responsive styling.
1 parent 527dc19 commit 17788b2

1 file changed

Lines changed: 27 additions & 4 deletions

File tree

src/vector/mobile_guide/index.html

Lines changed: 27 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -15,17 +15,16 @@
1515

1616
.mx_Button {
1717
margin-top: 40px;
18-
height: 40px;
1918
border: 0;
20-
border-radius: 40px;
19+
border-radius: 4px;
20+
font-size: 15px;
2121
margin-left: 4px;
2222
margin-right: 4px;
2323
min-width: 80px;
2424
background-color: #03B381;
2525
color: #fff;
2626
cursor: pointer;
27-
font-size: 15px;
28-
padding: 0 22px;
27+
padding: 12px 22px;
2928
word-break: break-word;
3029
}
3130

@@ -119,6 +118,30 @@
119118
margin-top: 30px;
120119
}
121120

121+
@media screen and (max-width: 1120px) {
122+
body {
123+
font-size: 28px;
124+
}
125+
h1 {
126+
font-size: 26px;
127+
}
128+
h4 {
129+
font-size: 20px;
130+
}
131+
.mx_Button {
132+
font-size: 14px;
133+
padding: 14px 28px;
134+
}
135+
.mx_HomePage_toprow {
136+
margin-top: 20px;
137+
}
138+
.mx_Spacer {
139+
margin-top: 60px;
140+
}
141+
}
142+
143+
144+
122145
</style>
123146

124147
<meta name="apple-itunes-app" content="app-id=id1083446067">

0 commit comments

Comments
 (0)