Bug: The Odin Project's website is not being rendered correctly on Safari

huy2000vu commented 1 week ago

Checks

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

Bug description

Website not being rendered correctly. HTML elements are all fullscreened.

How to reproduce

Open Safari browser using MACOS
Visit the official The Odin Project's website

Expected behavior

The website should be rendered correctly just like how the official website looks.

What browsers are you seeing the problem on?

Safari

What OS are you using?

MacOS

Discord Name

essentially

Additional Comments

No response

KevinMulhern commented 1 week ago

Thanks for the report @huy2000vu. What do you mean by not rendering correctly? screenshots if possible please and what version of Safari are you using?

huy2000vu commented 1 week ago

Safari Version: Version 17.4.1 (19618.1.15.11.14)

KevinMulhern commented 1 week ago

Thanks @huy2000vu, that looks like our CSS is blocked from loading. It's working fine on my machine (Safari 17.6). Are there any errors in your JS console when you inspect that page with the Safari web inspector?

TheOdinProject / theodinproject