Bug: Website not being rendered correctly

[terixea]

Checks

• I have thoroughly read and understand The Odin Project Contributing Guide
• The title of this issue follows the Bug: brief description of bug format, e.g. Bug: Lesson complete button does not update on click
• Would you like to work on this issue?

Bug description

When opening TOP website, it looks like it is not being rendered correctly - menu on the right side is missing, text is not formatted, links are not working (not redirecting to anywhere) etc.

Problem occurs only on Ubuntu distro + Google Chrome. On Windows + Google Chrome and also on Ubuntu + Mozilla Firefox, the website is being rendered correctly.

I tried hard refresh, to wait for few hours, and also updating + installing system packages + dependencies. These solutions didn't help - it looks like some general problem rather than issue on my side.

I am sending attached screen of how the website looks like. This problem is related to all website, not to any particular section or lesson.

How to reproduce

1. Use Linux/Ubuntu.
2. Open Google Chrome browser.
3. Open the TOP website on any lesson (for example, https://www.theodinproject.com/lessons/foundations-links-and-images).

Expected behavior

1. All pages on the website are rendered correctly, with correct formatting, working links, menu on the right side is displayed.

What browsers are you seeing the problem on?

Chrome

What OS are you using?

Ubuntu

Discord Name

No response

Additional Comments

No response

[JoshDevHub]

@terixea Thank you for making this issue.

I've visited the page on Ubuntu using Chrome, and it seems fine and normal to me.

Can you confirm that it's still not functioning properly for you? If it's still not, what version of Ubuntu and what version of Chrome are you running?

[terixea]

Still not functioning properly; everything worked correctly earlier, problem started just yesterday.
Version of Ubuntu: 22.04.2 LTS
Version of Chrome: 111.0.5563.64

I have dual boot (Windows + Ubuntu).

[KevinMulhern]

Are there any errors in the JS console when you open the Chrome web inspector on that page @terixea? have you installed any new browser extensions recently?

[rlmoser99]

Just FYI, we've had a complaint on reddit about this as well. So it is not limited to just one user.
https://www.reddit.com/r/theodinproject/comments/1ir460p/top_website_looks_wrong_on_ubuntu_suddenly/

[terixea]

I haven't installed any extensions.

Error from the console for the page https://www.theodinproject.com/lessons/foundations-links-and-images:
DevTools failed to load source map: Could not load content for https://cpwebassets.codepen.io/assets/embed/index.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
The error shows only on some pages (for example, also on https://www.theodinproject.com/lessons/node-path-advanced-html-and-css-transitions) but on some of them (like https://www.theodinproject.com/lessons/foundations-how-this-course-will-work) there is no error in the console, but NONE of the pages is being rendered correctly.

Information in the console about "Sentry loader which isn't working anymore" relates to all pages but I see the same in Mozilla Firefox, so this probably doesn't cause or relate to the problem.

[JoshDevHub]

Still not functioning properly; everything worked correctly earlier, problem started just yesterday. Version of Ubuntu: 22.04.2 LTS Version of Chrome: 111.0.5563.64

I have dual boot (Windows + Ubuntu).

111 is a fairly old version of Chrome (from spring 2023). I'd recommend trying to update to the latest stable (which is 133) and seeing if the problems persist.

If that does fix the issue, I wonder if it's a case of Tailwind v4 breaking compatibility with older browsers?

[KevinMulhern]

That's likely it, Theres been a decent amount of Chrome related issues opened for V4 recently. We'll need to think about reverting if there are many more reports. I'll keep an eye on patches coming through to Tailwind and get them bumped in our app asap.

Please let us know if updating your Chrome version fixes it @terixea.

[terixea]

I have updated to the latest stablel (133) and it fixed the problem for me, website now looks as earlier :)
Thank you very much!

Should I close the issue now or are there any other steps that need to be done before?

[KevinMulhern]

Great stuff! thanks for getting back to us!

I think we should leave it open for now. If any one else runs into this, they'll be able to report it and find out how to fix it in one place.