ask8ball.net - Design is broken

[webcompat-bot]

URL: http://ask8ball.net/

Browser / Version: Firefox Mobile 90.0
Operating System: Android 9
Tested Another Browser: Yes Chrome

Problem type: Design is broken
Description: Items are misaligned
Steps to Reproduce:
This has happened only on all versions of Firefox (Nightly, Beta and Regular).

This does not happen in Google Chrome and other pages, such as the 'about' page, display correctly.

View the screenshot

Browser Configuration

• gfx.webrender.all: false
• gfx.webrender.blob-images: true
• gfx.webrender.enabled: false
• image.mem.shared: true
• buildID: 20210624190035
• channel: beta
• hasTouchScreen: true
• mixed active content blocked: false
• mixed passive content blocked: false
• tracking content blocked: false

View console log messages

From webcompat.com with ❤️

[softvision-oana-arbuzov]

Thanks for the report, I was able to reproduce the issue.

Tested with:
Browser / Version: Firefox Nightly 92.0a1 (🦎 92.0a1-20210715094037)
Operating System: Google Pixel 5 (Android 11) - 1080 x 2340 pixels, 19.5:9 ratio (~432 ppi density), Samsung Galaxy S8 (Android 9) - 1440 x 2960 pixels, 18.5:9 ratio (~570 ppi density)

Moving to Needsdiagnosis for further investigation.

[ksy36]

The site is using zoom css rule, which is not supported in Firefox, therefore the small ball doesn't fit in the row. This is a duplicate of https://bugzilla.mozilla.org/show_bug.cgi?id=390936

#mini-ball {
...
    zoom: 0.35;
    float: left;
    margin-right: 190px;
}