Failed to load resource: the server responded with a status of 404 (Not Found)についての解決法がわからないので教えて欲しい

CSSがHTMLファイルに適用されない

ここに質問の内容を詳しく書いてください。
現在スクールの課題でPHP,HTML,CSSを組み合わせたプログラミングに関するプログラムを書いており、HTMLファイルにCSSを読み込ませる機能を実装中に以下のエラーメッセージが発生しました。現在初心者ということもあるのでここのユーザーの方々の力をお借りして問題を解決したいです。よろしくお願いします。

発生している問題・エラーメッセージ

chromeで検証ツールを使ってCSSファイルがHTMLのファイルに読み込まれていない状態です。

failed to load resource: the server responded with a status of 404 (not found)

該当のソースコード

php
1ソースコード
2<?php
3//POST送信で送られてきた名前を受け取って変数を作成
4    $my_name = $_POST["my_name"];
5//①画像を参考に問題文の選択肢の配列を作成してください。
6    $what_number = [80, 22, 20, 21];
7    $language = ["PHP", "Python", "JAVA", "HTML"];
8    $command = ["join", "select", "insert", "update"];
9//② ①で作成した、配列から正解の選択肢の変数を作成してください
10    $what_number_correct = 80;
11    $language_correct = "HTML";
12    $command_correct = "select";
13?>
14<!DOCTYPE html>
15<html lang="ja">
16<head>
17    <meta charset="UTF-8">
18    <meta http-equiv="X-UA-Compatible" content="IE=edge">
19    <meta name="viewport" content="width=device-width, initial-scale=1.0">
20    <title>質問</title>
21    <link rel="stylesheet" href="./CSS/question.css">
22</head>
23<body>
24<form action="answer.php" method="POST">
25    <p>お疲れ様です<!--POST通信で送られてきた名前を出力--><?php echo $_POST["my_name"]; ?><input type="hidden" name="my_name" value="<?php echo $my_name; ?>">さん</p>
26<!--フォームの作成 通信はPOST通信で-->
27<h2>①ネットワークのポート番号は何番？</h2> 
28<!--③ 問題のradioボタンを「foreach」を使って作成する-->
29<?php foreach($what_number as $a): ?>
30    <input type="radio" name="port" value="<?php echo $a; ?>"><?php echo $a; ?>
31<?php endforeach ?>
32<h2>②Webページを作成するための言語は？</h2>
33<!--③ 問題のradioボタンを「foreach」を使って作成する-->
34<?php foreach($language as $b): ?>
35    <input type="radio" name="language" value="<?php echo $b; ?>"><?php echo $b; ?>
36<?php endforeach ?>
37<h2>③MySQLで情報を取得するためのコマンドは？</h2>
38<!--③ 問題のradioボタンを「foreach」を使って作成する-->
39<?php foreach($command as $c): ?>
40    <input type="radio" name="command" value="<?php echo $c; ?>"><?php echo $c; ?>
41<?php endforeach ?><br>
42<!--問題の正解の変数と名前の変数を[answer.php]に送る-->
43    <button type="submit">回答する</button>
44    <input type="hidden" name="what_number_correct" value="<?php echo $what_number_correct; ?>">
45    <input type="hidden" name="language_correct" value="<?php echo $language_correct; ?>">
46    <input type="hidden" name="command_correct" value="<?php echo $command_correct; ?>">
47</form>
48</body>
49</html>
50
51

CSS
1body {
2    background-color: gray;
3}
4
5p, h2 {
6    color: white;
7    font-family: YuMincho;
8}
9
10
11

試したこと

メンターの方からはおそらくファイルの階層がずれているとの指摘をいただいているのですが、スクールのカリキュラム通りにやっているだけなので考えにくいです（間違ってたらごめんなさい）。
エラーメッセージをコピペして調べたところ404系のエラーメッセージはファイルが存在していない、ページのリンク切れなどがあるとわかったのですが今現在の私はそこから今何をすべきかがわからない状態です。このページを参考にしました。https://service.plan-b.co.jp/blog/seo/13517/

補足情報（FW/ツールのバージョンなど）

PHPのファイル名はquestion.php,CSSのファイル名はquestion.cssです。
開発環境はmac os、mamp、使用しているエディタはvs code、ブラウザはgoogle chromeを使用しています。

itagagaki

2021/10/09 15:37

コンソールでquestion.phpのあるディレクトリに移動して ls question.php ./CSS/question.css を実行できますか？

Jedda

2021/10/09 17:20

ターミナルを使うということでしょうか？CUIではなくGUIベースのものがあったら勉強も兼ねてやり方を教えていただきたいです。（無知ですみません）もちろん、GUIが面倒でしたらターミナルを使おうと思うのですが、ls question.php ./CSS/question.cssを実行するのにPHPの場合だとターミナルを起動するコマンド？というものはあるのでしょうか？ターミナルの知識についてもまだまだ初学者なもので...

itagagaki

2021/10/09 17:26

確認したかったのはファイルの階層が本当に間違いないかです。では、ファインダーで question.php のあるフォルダを見たとき、そこに CSS というフォルダがありますか？その CSS に移動したら、その中に question.css がありますか？

Jedda

2021/10/09 22:23

PHPとCSSのファイルは同じカリキュラム名のフォルダに入っており、いつもquestion.phpで<link rel="stylesheet" href="CSS/question.css">というコードを書いています。メンターの方に<link rel="stylesheet" href="./CSS/question.css">と書いてみてと言われたのでその通りに実行したのですが、ブラウザで同じエラーメッセージが表示される状態です。

itagagaki

2021/10/10 01:29 編集

"CSS/question.css" も "./CSS/question.css" も同じことです。とにかく、お聞きしたとおりファインダーで各ファイルが本当にそこにあるかどうかを確認してください。 question.php と question.css が同じフォルダ階層にあるのではないですよね？ question.php と同じ階層にフォルダ CSS があり、その中に question.css があるのですよね？

Jedda

2021/10/10 05:18

失礼しました。question.phpとquestion.cssは同じフォルダ階層にあります。

itagagaki

2021/10/10 05:21

それだとダメなのが理解できないですか？ question.php と同じフォルダ階層に CSS というフォルダを（無ければ）作り、その中に question.css を入れるか、もしくは <link rel="stylesheet" href="question.css"> でなければなりません。

Jedda

2021/10/16 07:24

ありがとうございます。itagagakiさんのおかげで解決しました。まだまだ勉強が必要ですね。