imgのプロパティを width: 100%; height: auto; にしてもWEB上の表示が上手くサイジングされない。

Question

###

HTMLテンプレートを使ってポートフォリオサイトを作っています。

サイト内、ABOUTセクションの画像が、ローカル環境では表示されるのにWEB上だとうまく表示されません。

CSSにて、Bodyに
img {
width: 100%;
height: auto; }

という設定があるのですが、これがローカル環境だと330×326のサイズになって表示されるのに、
WEB上だとなぜか16×16のサイズになってしまいます。

該当のソースコード

  <div class="col-lg-5 col-md-6">
                        <!--About Image-->
                        <div class="about-img">
                            <img src="assets/images/about/IMG_0803.jpg" >
                        </div>


CSS

/*============ 1. Body Css ============*/
      * {
      
      img {
      width: 100%;
      height: auto; }

/*============ 5. About Section ============*/
 .about-img {
        position: relative; }

       .about-img img {
        position: relative;
        width: 100%;
        z-index: 1;
        transition: .3s;
        }

試したこと

.about-img にwidthとheghitを追加してみたけど上手くいきません。

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

Cyberduckでアップロードしています。

Comments

[s8_chu]

質問文に書かれている CSS のコードは一部が途切れているように見えますが、いかがでしょうか？

[aki_aki_aki_a]

はい、抜粋しています。どの部分まで必要か分からず・・・。
サイトURLは、https://aky-web.site/　です。よろしくお願いします。

[s8_chu]

リンク先では画像が表示されていませんが、画像は適切な場所に配置していますか？もしよろしければ、 Web サイトのディレクトリ構造をツリー形式や画像などで教えていただけませんか？

[hatena19]

画像がリンク切れしてるのが原因では。
正しいURLを設定しましょう。

[aki_aki_aki_a]

VSコードのキャプチャを追加しました。これでディレクトリ構造わかりますでしょうか？
もしかして、Cyberduckにでアップロードするとき、assetsフォルダ上位のTEMPLATEフォルダも必要なのでしょうか？

[hatena19]

VBCodeなのでローカルのディレクトリ構造ですね。
WEBサイトのディレクトリ構造の画像をアップしてください。FTPソフト（Cyberduckかな）で表示できます。
ローカルとWEBサイトが同じディレクトリ構造で、同じフォルダーに画像があるならWEBサイトでも表示できるはずです。

> assetsフォルダ上位のTEMPLATEフォルダも必要なのでしょうか？
index.html は通常はWEBサイトのルートディレクトリに配置しますので、TEMPLATEフォルダは必要ないです。

[aki_aki_aki_a]

皆さま、修正依頼などいただきありがとうございました。
無事、解決しました！

Answer 1

-assets/images/about/IMG_0803.jpg
+assets/images/about/IMG_0803.JPG

Comments

[aki_aki_aki_a]

できました！
まさかの大文字と小文字の違いだったのですね。恥

本当にありがとうございます！