作ったサイトにCSSが反映されません。。

お世話になっております。

プログラミングを勉強中の者です。
HTMLとCSSで自分で試しに作ってみたサイトをエックスサーバーにあげようとしたところ、HTMLだけが反映されており、CSSが反映されません。

行ったこと
・HTML内のコードの確認
・ウェブのキャッシュの削除
・サーバー側にキャッシュの削除

全て行ったのですが、CSSだけどうしても反映されません。
エックスサーバーにも問い合わせをしてみたのですが、コードに誤りがあるとの回答でした。

しかし、VScodeからウェブに読み込ませたときには、CSSはしっかり反映されています。
もしCSSに誤りがあれば、教えていただければ幸いです。

もう試す手段がなくなったため、質問させていただきます。
お手数をお掛けして申し訳ありませんが、宜しくお願い致します。

（※プログラミングを始めてまだ20日のため、コードの汚さはご容赦ください。）

HTMLのファイルは2枚・CSSのファイル1枚・CSSレスポンシブのファイル1枚＝計4枚あります。

.
index.html↓

HTML
1<!DOCYTYPE>
2
3<html lang="ja">
4<head>
5<link rel="stylesheet" href="css/style.css">
6<link rel="stylesheet" href="css/responsible.css" media="screen and (max-width: 450px)">
7<meta charset="utf-8">
8<meta name="viewport" content="width=device-width, initial-scale=1.0">
9<title>Myportfolio</title>
10</head>
11<body>
12  
13<body>
14  <header class="header">

.
about.html↓

html
1<!DOCYTYPE>
2
3<html lang="ja">
4<head>
5<link rel="stylesheet" href="css/style.css">
6<link rel="stylesheet" href="css/responsible.css" media="screen and (max-width: 450px)">
7<meta charset="utf-8">
8<meta name="viewport" content="width=device-width, initial-scale=1.0">
9<title>Myportfolio</title>
10</head>
11<body>
12  
13<body>
14
15