画像を画面のサイズに合わせて自動でリサイズさせたいです。

こちらのサイトを参照しました。
https://allabout.co.jp/gm/gc/400630/

元のコードはこちらで

html
1<body>
2    <header>
3        <img src="img/header.png">

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
サイトを参照し

html
1    <header>
2        <link rel="stylesheet" href="style.css">
3        <p class="resize_image">
4            <img src="img/header.png">
5        </p>

こういったコードをに書き換え

同じフォルダ内に拡張子cssでファイルを作り
そのcssファイルに

css
1.resizeimage img { width: 100%; }

を書き込み
htmlとcssのファイルを両方保存し
サイトを更新しても
画像はリサイズされないままでした。

思い当たる原因などあれば
教えていただけると幸いです。
よろしくお願いします。

シンプルなサイトなので
画像のリサイズによって
レイアウトが崩れるといったことはありません。

行動規範の内容に同意します

回答1件

自己解決

できました

html
1    <header>
2        <link rel="stylesheet" href="style.css">
3        <p class="resize_image">
4　　　　　　　　　　#ここのアンダーバーを消しました
5            <img src="img/header.png">
6        </p>