Improved mobile view
This commit is contained in:
parent
59da6d154d
commit
cbb867e985
@ -99,7 +99,7 @@ html {
|
|||||||
|
|
||||||
body {
|
body {
|
||||||
padding: 50px 75px;
|
padding: 50px 75px;
|
||||||
min-width: 370px;
|
min-width: 360px;
|
||||||
background: #ccc;
|
background: #ccc;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
@ -153,10 +153,6 @@ aside > section {
|
|||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
select {
|
|
||||||
padding: 3px 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
label {
|
label {
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
line-height: 36px;
|
line-height: 36px;
|
||||||
@ -227,7 +223,7 @@ li img {
|
|||||||
}
|
}
|
||||||
|
|
||||||
li p {
|
li p {
|
||||||
margin: 20px;
|
margin: 20px 10px;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -284,7 +280,7 @@ p span:first-child {
|
|||||||
}
|
}
|
||||||
|
|
||||||
p span a {
|
p span a {
|
||||||
margin-right: 20px;
|
margin-right: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
p span a:last-child {
|
p span a:last-child {
|
||||||
@ -300,15 +296,15 @@ p span a:last-child {
|
|||||||
@media (max-width: 1000px) {
|
@media (max-width: 1000px) {
|
||||||
|
|
||||||
body {
|
body {
|
||||||
padding: 50px;
|
padding: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 700px) {
|
@media (max-width: 670px) {
|
||||||
|
|
||||||
body {
|
body {
|
||||||
padding: 30px 10px;
|
padding: 30px 10px 0 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
header {
|
header {
|
||||||
@ -317,7 +313,15 @@ header {
|
|||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 40px;
|
font-size: 36px;
|
||||||
|
}
|
||||||
|
|
||||||
|
li {
|
||||||
|
margin: 120px 0 10px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
li.left {
|
||||||
|
margin: 10px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
aside > section {
|
aside > section {
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user