Website Hosting on Digital Ocean App Not Recognising CSS Files in Folder

Hey Dan,

First off, congrats on getting your portfolio website up and running with DigitalOcean’s App Platform! It’s great that you’ve successfully deployed your site! Let’s try and troubleshoot the CSS issue, here are the first things that I would recommend checking:

1. Double-check the path to your CSS files in your HTML. If your CSS files are in a CSS folder, the link in your HTML should look something like this:

   <link rel="stylesheet" href="/css/style.css">
   

   Make sure the path correctly reflects the folder structure in your GitHub repo.

2. Paths on servers are often case-sensitive. If your folder is named CSS but your HTML is referencing css, it won’t find the files. Ensure that the case matches exactly.

3. Use your browser’s developer tools to check the network requests for your CSS files. This can give you clues as to whether the files are not found (404 errors) or if there’s another issue.

4. In the DigitalOcean App Platform, check your build and publish settings. Make sure that the publish directory is set correctly to include your CSS folder. Sometimes, if the publish directory is set to the root, it may not include subdirectories by default.

5. Verify that your GitHub repository’s structure is as you expect and that the CSS folder is not in a .gitignore file or excluded in some other way.

6. If you’re using relative paths, try switching to absolute paths (or vice versa) to see if that resolves the issue. Sometimes path resolution can behave differently in a deployed environment versus a local environment.

After making changes, re-deploy your app. Sometimes, a simple re-deployment can fix path issues.

Best of luck, Dan! Let me know how it goes!

Best,

Bobby