アップロードした画像が表示されません

HTML,CSSの課題をしているのですが、"mainView.jpg"の画像は表示されるのですが、"newRecipes1.jpg"の画像は表示されません。
原因がわかる方、おられたら、ご教示いただけたらと思います。
どうぞ宜しくお願い致します。

<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>Cooking</title>
  <link rel="stylesheet" href="cookcamp.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/10up-sanitize.css/4.1.0/sanitize.min.css">
</head>
<body>
    <header>
        <h1>CookCamp</h1>
        <p>誰でも作れる簡単料理レシピサイト</p>
        <input type="text" name="search"placeholder="料理名・食材名で検索">
        <input type="submit" value="レシピ検索">
    <p>新着レシピ</p>   
    <p>料理から検索</p> 
    <p>食材から検索</p> 
    <p>旬の料理特集</p> 
    <p>ランキング</p> 
   <a href="#"> <img src="mainView.jpg"></a>
    </header>
    <main>
        <nav>
            <h1>料理別レシピ</h1>
            <ul>
            　<li><a href="#">和食</a></li>
            　<li><a href="#">イタリアン</a></li>
            　<li><a href="#">フレンチ</a></li>
            　<li><a href="#">中華</a></li>
            　<li><a href="#">アジアン</a></li>
            　<li><a href="#">エスニック</a></li>
            　<li><a href="#">鍋</a></li>
            　<li><a href="#">デザート</a></li>
            </ul>
            <h2>目的別レシピ</h2>
            <ul>
            　<li><a href="#">お弁当</a></li>
            　<li><a href="#">簡単おかず</a></li>
            　<li><a href="#">ダイエット</a></li>
            　<li><a href="#">ベビーフード</a></li>
            　<li><a href="#">節約食材</a></li>
            　<li><a href="#">アレルギー</a></li>
            　<li><a href="#">シニア料理</a></li>
            </ul>    
        </nav>
    <article>
        <h1>新着レシピ</h1>
         <a href="#"> <img src="newRecipes1.jpg"></a>季節の彩り前菜
         <a href="#"> <img src="mainView.jpg"></a>簡単かぼちゃスープ
         <a href="#"> <img src="mainView.jpg"></a>ヘルシー米粉パン
   　　　 <a href="#"> <img src="mainView.jpg"></a>ぷりぷり海老料理
         <a href="#"> <img src="mainView.jpg"></a> かんたん鴨南蛮
    </article>    
　</main>
</body>
コード