Weird layout shift with max-width
I have this dead simple code:
https://codepen.io/t1mp4/pen/abrYzpN
Why does the horizontal position of the body change when I replace the image with text? The shift is subtle but noticeable and weird.
I have only tried it in Brave Browser (Chromium-based) and Firefox. For some reason, the layout doesn't change in Firefox, only in Brave.
When I change the image height to some other value, say 100px, the layout shift is gone for some reason.
I'm confused.
https://codepen.io/t1mp4/pen/abrYzpN
Why does the horizontal position of the body change when I replace the image with text? The shift is subtle but noticeable and weird.
I have only tried it in Brave Browser (Chromium-based) and Firefox. For some reason, the layout doesn't change in Firefox, only in Brave.
When I change the image height to some other value, say 100px, the layout shift is gone for some reason.
I'm confused.
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Recent Announcements
Similar Threads
Was this page helpful?
