Opera not rendering job site layout properly
-
sultanhassan last edited by leocg
So I noticed something weird — my site (247UAEFreshers.com) looks totally fine on Chrome and Firefox, but on Opera, some of the job cards are overlapping or not aligning right. It’s a pretty simple WordPress setup with a custom theme.
I’ve tried clearing cache and disabling extensions, but same result. Anyone else run into layout issues like this with Opera? Wondering if it’s a flexbox thing or just something dumb I overlooked.
Appreciate any tips
-
-
leocg Moderator Volunteer last edited by
@sultanhassan Where are the screenshots showing the issue and comparing to another browser?
-
richardgen84 last edited by
Hi sultanhassan,
Yeah, you're not alone — Opera can sometimes render things a bit differently, especially with flexbox layouts. Even though it’s Chromium-based like Chrome, there are subtle differences in how it handles certain CSS properties, especially around flex alignment or min-height issues. If your job cards rely heavily on flexbox for layout, it might be worth double-checking that all containers have defined widths and that there’s no unexpected overflow or missing flex-wrap.
It’s also a good idea to inspect the layout in Opera’s DevTools — look for warnings or computed styles that differ from Chrome. Sometimes, small things like auto margins, percentage heights, or even missing vendor prefixes (though rare now) can throw things off. A quick test is to simplify the CSS for one card and see if it behaves — then work your way up.
Regards
