www.techpowerup.com - Misaligned elements in table

[webcompat-bot]

URL: https://www.techpowerup.com/gpu-specs/geforce-rtx-3070-mobile.c3712

Browser / Version: Firefox Mobile 103.0 Operating System: Android 12 Tested Another Browser: Yes Chrome

Problem type: Design is broken Description: Items are misaligned Steps to Reproduce: Scrolled down to the " relative performance" chart on any gpu on techpower up's website. The text and relative percentages are misaligned.

View the screenshot

Browser Configuration

• gfx.webrender.all: false
• gfx.webrender.blob-images: true
• gfx.webrender.enabled: false
• image.mem.shared: true
• buildID: 20220707185904
• 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-raul-bucata]

We appreciate your report. I was able to reproduce the issue on an Android 11 device, but not on an Android 12 device:

Tested with:

Browser / Version: Firefox Release 102.2.0 (2015890451-🦎102.0.1-20220705093820 )/ Firefox Nightly 104.0a1 (2015891499-🦎104.0a1-20220710094429)/ Firefox Beta 103.0.0-beta.3 (2015890891-🦎103.0-20220707185904🦎)/ Chrome Mobile Version 103.0.5060.71 Operating System: Samsung A51 (Android 11) -1080 × 2400 pixels 20:9 aspect ratio (~405 ppi density) Operating System: Google Pixel 3 (Android 12) -1080 x 2160 pixels, 18:9 ratio (~443 ppi density)

Notes:

1. Reproducible regardless of the status of ETP.
2. Reproducible on the latest build of Firefox Nightly and Release.
3. Works as expected using Chrome.

Moving this to NeedsDiagnosis for further investigations.

[qa_28/2022]

[wisniewskit]

This doesn't reproduce in the responsive design mode or on my phones. @denschub maybe you have better luck?