CSS Render Issue

[CaseyLand08]

I have this weird issue that I've been trying to correct for days now and unable to find a solution. I have my HP Envy all-in-one desktop and a Surface Laptop. (spec below)

The issue that I'm having is with Chrome (also Edge & Opera) is rendering some CSS, flexbox to be specific, differently than my laptop for the same webpage and sites that I've built. Both my Envy and Surface are running the same OS and same version of Chrome, but on my HP the layout is broken but on the laptop it is fine.  Opera and Edge also display it incorrectly but Firefox shows it correctly. Everyone that has viewed it doesn't see the issue with whatever they have used to check it. On my iPad it shows fine and my daughter's laptop also shows correctly. This issue started happening after I had to do a clean install of Windows 10 Home on my HP Envy. I did another install of Win 10 again today, the issue still remains. 

Scan disk and all error checking comes back fine. I've reset Chrome, uninstalled the browsers, nothing seems to correct the issue. I've downloaded and checked every driver that I can think of and nothing seems to correct the issue. This should render the same on my laptop as it does on my desktop for the same page, using the same OS and version of Chrome. I could understand Chrome not working, but Edge and Opera also not working but Firefox works?

This is what I'm seeing https://ibb.co/j8z7HSZ on this page I'm testing this on. https://ecogtesting.com/ 

Is there some library or software that the CSS gets rendered from or uses that I can reinstall or something? Anyone have any ideas as to what could be causing this, even after two installs of Windows? In the inspector window if I turn off the flex-wrap: wrap option on the class .et_pb_post_extra then it functions as normal for Chrome, Edge and Opera. Though, this leads me to believe that there is a bigger issue because this is not an issue on the laptop with the same specs. Any help or direction would be greatly appreciated. 

Desktop

Edition Windows 10 Home

Version 21H2

Installed on ‎2/‎10/‎2022

OS build 19044.1526

Experience Windows Feature Experience Pack 120.2212.4170.0

Laptop

Edition Windows 10 Pro

Version 21H2

Installed on ‎2/‎10/‎2022

OS build 19044.1526

Experience Windows Feature Experience Pack 120.2212.4170.0

Chrome on Desktop: Version 98.0.4758.82 (Official Build) (64-bit)

Chrome on Laptop: Version 98.0.4758.82 (Official Build) (64-bit)

[BeemerBiker]

I was unable to duplicate the problem on a Surface Pro4 with same software.

You might try enabling the debugger (F12 on chrome and developer mode on Edge)

With the debugger enabled, paste the url into Edge and look for warning messages

All I saw was a warning about the placeholder being substituted for an image.

Regards

[CaseyLand08]

Thanks for the suggestion. That seems to be the issue that this is localized just to my PC and I'm not seeing this on any other device that I've tested with. I'm not getting any errors through inspector, just seems that CSS is not running correctly on this PC after I reinstalled Windows for some reason. 

[CaseyLand08 · Accepted solution]

Just to give you and update, it appears that it was an OS issue and not a browser one. After the second complete reinstall of Windows it appears to have corrected the issue and is not displaying correctly. I'm not sure what the issue was but I made sure that all devices, except the keyboard and mouse and that seemed to have corrected the reinstall.