Issue with Weather website display in Brave browser

[fox]

This morning I found a rendering flaw in Brave that is not present in Firefox. You can see it when accessing The Weather Network. Look at the 7 day forecast and you'll see that the rows don't line up properly. Look at the same site on Firefox, and the rows do line up correctly. I have noticed this regularly and I initially thought that The Weather Network was doing something wrong on their website. What would cause this?

[ssfc72]

The rows looked lined up to me, using the Brave browser and Mint 20.1

[Jason]

This morning I found a rendering flaw in Brave that is not present in Firefox. You can see it when accessing The Weather Network. Look at the 7 day forecast and you'll see that the rows don't line up properly. Look at the same site on Firefox, and the rows do line up correctly. I have noticed this regularly and I initially thought that The Weather Network was doing something wrong on their website. What would cause this?

They look fine to me, too. I often access The Weather Network and I've never noticed what you're describing. Can you post a screenshot? Here's mine. I'm using Brave V1.31.91 on Linux Lite 5.6 which is based on Ubuntu 20.04 if that matters. Are you using any plugins? Have you changed any of your graphics (window manager, etc.) settings? I know you're saying it works in Firefox but Brave uses Chromium code so it probably has a different render engine.

Mr. Fleming, did you mean to attach a PDF?

[Jason]

Try toggling hardware acceleration in Brave, perhaps. Also, did you adjust the security level in Brave? Try putting it back to Standard blocking or just turn off blocking to see if it makes any difference. I can see if there is an easy way to share my settings if you like.

[fox]

Attached is a picture of the Weather Network on Brave. You can see that the columns don't line up. Blocking was standard. Hardware acceleration was on, but turning it off made no difference. It's not a big deal as it is certainly readable. But strange and a bit annoying.

[Jason]

Very strange. I don't think it's related to Brave specifically since we aren't seeing that. One though, are you magnifying the page and if so, are you just enlarging fonts or the entire page? I always do the latter and perhaps the former does something weird in rendering.

[Jason]

I think I was onto something.

I was able to reproduce the problem by switching Font Size from Medium to Large. Did you do that or perhaps choose larger pixel size fonts under Customize Fonts? If the former, put the Font Size back to medium and if the latter, try to remember the size of the font but I think it's likely the first. See the attachment for where I'm talking about in Settings.

Enlarging fonts can mess with the layout because everything else may not scale proportionally. If you can't read the page, use the Page Zoom function. That does it proportionally.

[Jason]

You might already know about this, but you can also press Ctrl and use the scroll wheel to zoom the page in and out. I find I have to do it once in a while because the designers thoughtfully enlarged the layout to make it more readable.

[fox]

Bingo! Good detective work, Jason. 

[Jason]

Bingo! Good detective work, Jason. 

Thanks! I'm glad it worked for you.