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 c2fbd144cf
commit b84d1533d4

View File

@ -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;