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
|
@ -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;
|
||||||
|
|
Reference in a new issue