I recently completed editing the css file and saved it, but unfortunately, my css file isn't functioning properly. The display remains unchanged and the css files are not being loaded. However, when I decided to rename the css file, everything started working as expected. The css file was successfully loaded and the display was updated accordingly. Could this issue be related to the structure of my folder or is there a problem with my coding?
<link rel="stylesheet" href="../style/index.css">
Here is a snippet from my head tag:
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="../css/bootstrap.min.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="../style/index.css">
<link rel="stylesheet" href="../css/pace.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="../css/fontawesome.css">
<title>Dashboard • Sistem Pakar</title>
</head>
My folder structure looks like this:
act/
|---.....
|
assets/
|---.....
|
css/
|---.....
|
js/
|---.....
|
lib/
|---.....
|
style/
|---index.css
|
app/
|---index.php