search

webcompat / web-bugs

A place to report bugs on websites.
https://webcompat.com
Mozilla Public License 2.0
739 stars 63 forks source link

meeresschutz.greenpeace.at - Quiz questions are not entirely visible #38184

Closed webcompat-bot closed 4 years ago

webcompat-bot commented 5 years ago

URL: https://meeresschutz.greenpeace.at/pj3-quiz-meere/?utm_source=email

Browser / Version: Firefox Mobile 69.0 Operating System: Android 8.0.0 Tested Another Browser: Unknown

Problem type: Site is not usable Description: no quiz Steps to Reproduce:

Browser Configuration
  • None

From webcompat.com with ❤️

softvision-sergiulogigan commented 5 years ago

Looks like the last question is cut. Chrome displays it correctly.

image

Tested with: Browser / Version: Firefox Fenix (Preview) 1.3.0 Operating System: OnePlus 6 (Android 9) - 1080 x 2280 pixels, 19:9 ratio (~402 ppi pixel density)

karlcow commented 4 years ago

The culprit is 

.dpView {
    height: 775px;
    width: 100%;
    overflow: hidden;
    margin-top: 30px;
}

There's a fixed height, which is probably subject to difference with regards to the way the fonts, content, etc, spans out.

This is not really a webcompat issue, we can artificially reproduce it in Chrome, depending on the screen size and the font. It's just a design which is not really resilient.

lock[bot] commented 4 years ago

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue at https://webcompat.com/issues/new if you are experiencing a similar problem.