S3 Static Website Only Displays Index.html (but not other dependent files)

Question

I've been messing around with AWS lately, and that is definitely great. As a first test, I am trying to host the simplest static website through S3. A site is just one html file and several javascript, css and image files.

Whenever I upload a static URL, only the index.html file is downloaded, its contents, and for some strange reason, the only uploadable image is my avatar, but all the images are stored in the same folder. All css, js and image files are also written, of course, as relative links.

I made sure that all rights to files and folders are set to the "world" several times.

I also looked at the network tab in dev tools and gave me 200 for every GET request.

I am completely at a dead end why this is happening. Does anyone have an idea of ​​what I am missing?

The URL is available at http://www.mikefisher.io.s3-website-us-east-1.amazonaws.com/

I must add that the site works perfectly both locally and on a traditional web server.

thanks

EDIT: I checked my browser console, and this gives me this error, which I think may have something to do with it.

'The resource is interpreted as a stylesheet, but is transmitted by a binary / octet MIME stream:'

Answer 1

Corrected!

The problem I am facing is metadata for CSS files in Amazon S3, binary / octet streams are set by default.

, , , , /css.