ＣＳＳで背景画像が反映されません。

Question

前提・実現したいこと

現在、iSaraの模写コーディングしています。
ＣＳＳで背景画像を設定しているのですが、iSaraで「基本的なプログラミングスキル」は～とい
部分の背景画像が反映されず困っています。
プログラミングで人生の安定を～、エンジニアとして本当の～の背景画像はきちんと反映されています。

またＶＳコードで該当のイメージ画像のリンク先を表示を選択するときちんと表示されているので
画像のエラーではなさそうです。

自分では原因が全く分からない状態なので助けていただきたいです。

該当のソースコード

.about-second {
  background-image: url(../img/aboutsecondbg.jpg);
  background-size: cover;
  background-position: center;
  padding: 40px 0;
  text-align: center;
  height: 560px;
}

コードの表示(ブロック)
<biv class="about-second">
      <h1>iSaraで「基本的なプログラミングスキル」は教えません</h1>
      <h2>基礎的なプログラミングスキルは無料で学べる時代。</h2>
      <h2>iSaraでは、基礎知識学習は<span class="about-second-txt">事前課題</span>と<span class="about-second-txt">チャットサポート</span>のみ。</h2>
    </biv>
    <div class="about-second-flex">
      <div class="about-second-step">
        <p class="about-second-txt2">STEP.1</p>
        <p class="about-second-txt3">【バンコク渡航前１ヶ月】</p>
        <p class="about-second-txt4">事前課題で基礎知識を学ぶ</p>
      </div>
      <div class="about-second-step">
        <p class="about-second-txt2">STEP.2</p>
        <p class="about-second-txt3">【バンコク到着後】</p>
        <p class="about-second-txt4">実践的に稼ぐことに特化した学習</p>
      </div>
      <div class="about-second-step">
        <p class="about-second-txt2">STEP.3</p>
        <p class="about-second-txt3">【バンコク帰国後】</p>
        <p class="about-second-txt4">講座実施後の案件獲得サポート</p>
      </div>
    </div>

Comments

[kei344]

HTMLファイル、CSSファイル、画像ファイルのそれぞれの位置関係がわかるように提示してください。

Answer 1

<biv class="about-second">
    <!-- 略 -->
    </biv>

    <div class="about-second-flex">
    <!-- 略 -->
    </div>

1. class="about-second" のタグミス。 biv になっている
2. class="about-second"だけに背景が掛かっていて、class="about-second-flex" が外れている

まず、1のタグを修正。

次に、以下のように

<div class=wrap>
    <biv class="about-second">
    <!-- 略 -->
    </biv>
    
    <div class="about-second-flex">
    <!-- 略 -->
    </div>
</div>

全体をラップし、そこに背景をかける

---

もう少し落ち着いて、自分のコードをよく見てくださいねm(__)m

Comments

[progtostu]

詳しくご回答ありがとうございます。
ちゃんと確認していたつもりが初歩中の初歩のタグの綴り間違いをしてお恥ずかしいです。
長い時間コード見直していたつもりでちゃんと見てなかったみたいです。
これからはもっと落ち着いてコードの入力間違いがあるか確認したいと思います。

Answer 2

こんにちは。
こんばんは。

typoです。
<biv class="about-second">→<div class="about-second">

Comments

[progtostu]

ご回答ありがとうございます。
とても助かりました。