Fix mobile look of About pages
This commit is contained in:
parent
11d0ad5a26
commit
f4cbb506f7
1 changed files with 2 additions and 2 deletions
|
@ -18,6 +18,8 @@ $small-breakpoint: 960px;
|
||||||
margin: 40px 0;
|
margin: 40px 0;
|
||||||
background: var(--foreground-color);
|
background: var(--foreground-color);
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
|
|
||||||
|
@media screen and (max-width: 520px) { margin: 40px 20px; }
|
||||||
|
|
||||||
@media screen and (max-width: 767px) {
|
@media screen and (max-width: 767px) {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
|
@ -707,8 +709,6 @@ $small-breakpoint: 960px;
|
||||||
max-width: 600px;
|
max-width: 600px;
|
||||||
padding: 15px 30px;
|
padding: 15px 30px;
|
||||||
|
|
||||||
@media screen and (max-width: 520px) { padding: 0; }
|
|
||||||
|
|
||||||
& > :first-child {
|
& > :first-child {
|
||||||
margin-top: 0.5em;
|
margin-top: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue