azlata
commented
5 months ago We appreciate your report but I was not able to reproduce this issue. I made a container with multiple icons and they were arranged the same on both Chrome and Firefox.
If you have specific steps to reproduce, please leave a comment or open a new bug report.
Firefox
Chrome
Tested on: • Browser / Version: Firefox Release 125.0.3 / Chrome 124.0.6367.92 • Operating System: Windows 10
Suggestions: • Clear cache/data/cookies, disable Ad-blocker (if available), or create a new profile (without syncing/importing data) and check again • If there are any changes made to the default settings of the browser (e.g. in about:config), please revert to the default settings
[qa_18/2024]
URL: https://carrd.co/
Browser / Version: Firefox 125.0 Operating System: Windows 10 Tested Another Browser: Yes Chrome
Problem type: Design is broken Description: Items are misaligned Steps to Reproduce: I've been using Carrd to build websites. Many of them use "containers," or boxes in which I can arrange multiple icons. For a while, these icons were evenly aligned in a perfectly straight row. However, I returned to a website one day, and some rows were suddenly misaligned. Changing the container size, spacing, width, etc. didn't fix anything. I reached out to Carrd technical support, and after some investigation, we determined that this is likely a browser issue. My problems only arose after the latest version of Firefox (125.0.2 (64-bit)) was installed. There are no alignment issues on Chrome or my mobile device. My temporary hotfix is to apply strange width settings to the icons--27%, 25%, 24%, and 24%. In the screenshot, the top container has these settings. But logically, 25% spacing should mean that all icons are evenly separated and stay on the same line. In the screenshot, the bottom container has 25% spacings, yet its icons are misaligned. If you could look into this, I'd appreciate it very much.
View the screenshot
Browser Configuration
From webcompat.com with ❤️