Fix text overlapping image in Edge and on mobile (#582)
Changing the way the background image is positioned and the box is sized should fix problems with the text overlapping the image on mobile browsers and Edge.
This commit is contained in:
parent
c2fbd144cf
commit
b84d1533d4
1 changed files with 2 additions and 2 deletions
|
@ -684,8 +684,8 @@
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
padding-bottom: 235px;
|
padding-bottom: 235px;
|
||||||
background: image-url('mastodon-getting-started.png') no-repeat 0 100% local;
|
background: image-url('mastodon-getting-started.png') no-repeat 100% bottom;
|
||||||
height: 100%;
|
height: auto;
|
||||||
|
|
||||||
p {
|
p {
|
||||||
color: $color2;
|
color: $color2;
|
||||||
|
|
Loading…
Reference in a new issue