The page suddenly cannot pull css or bootstrap

Question

So I'm developing a page, I did part of it yesterday and it worked great, and today I went ahead and did the rest and everything worked great. When I try to open it as a normal html page, the CSS or BOOTSTRAP does not work, only the page text is displayed, but when I open VS CODE and run the site through the "Live Server" extension, it works fine? ? ?

I didn't change the path to anything, this is my link in head:

<link href="/appdata/main.min.css" rel="stylesheet" />
<link rel="stylesheet" href="/appdata/radnik.css" /> 
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css">

The path to the page I am working on is:

C:\Users\MyPC\FixITSite\gradjevina\moler\marko-nikolic.html

I have tried changing the path, placing a dot "." in front of the "/" like this:

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

Also tried to put two dots, still no success, one dot opens the "moler" folder, and two dots open the "gradjevina" folder

Answer 1

Remove the first slash "/"