CSS not loading

This is my site- https://chudymyman.netlify.app/

everything looks perfect but only the index page css loads. The about page, work page and contact page CSS do not load.

I’ve checked the link and they are all connected perfectly.

Please i am new and would love to know what next to do.

Hey @Chudy1

In the homepage (index) source I see

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

however in the about and contact source

<link rel="stylesheet" href="/dist/css/main.css">

Remove the /dist to make it match the index and things should work just fine.

Interestingly for work there is both

<link rel="stylesheet" href="/dist/css/main.css">
<link rel="stylesheet" href="/css/main.css">

Remove the first one. Additionally on the work page the <img> sources incorrectly have /dist too

<img src="/dist/img/items/item2.png" alt="">

when they should look like

<img src="/img/items/item2.png" alt="">

Thank you for your response.

When i remove dest/, and run them using five server, the css and the img do nit load on any of the pages.

Also, I do not see what you said about the work having both. I do not see it from the code source here in my VS code.

Here is the work page as found at https://chudymyman.netlify.app/work.html

What are you using to build the site? Can you share the repository?

Thank you so much buddy. You were correct.

I am a newbie and this is my one month into coding so i did not know how to push changes into git.

I have now edited directly inside the github and things are fine finally.

Thank you so much.