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:
tom 2017-01-31 13:06:03 -05:00 committed by Eugen
parent 38b7551359
commit 7707d41baa

View file

@ -684,8 +684,8 @@
box-sizing: border-box;
overflow-y: auto;
padding-bottom: 235px;
background: image-url('mastodon-getting-started.png') no-repeat 0 100% local;
height: 100%;
background: image-url('mastodon-getting-started.png') no-repeat 100% bottom;
height: auto;
p {
color: $color2;