Pictureタグが反映されない

Question

#発生している問題

pictureタグでレスポンシブの画像を切り替えたいです。

#コード

<a href="https://bit.ly/3mTrSq2" class="btn-1st">
　　<picture>
	<source srcset="<?php bloginfo('template_directory'); ?>/images/btn_tel-sp.png" media="(max-width:980px)">
	<img src="<?php bloginfo('template_directory'); ?>/images/btn_tel.png" alt="">
　</picture>
</a>
<a href="/counseling" class="btn-2nd">
　<picture>
	<source srcset="<?php bloginfo('template_directory'); ?>/images/btn_counseling-sp.png" media="(max-with:980px)">
	<img src="<?php bloginfo('template_directory'); ?>/images/btn_counseling.png" alt="">	</picture>
</a>

#試したこと
上の "btn-1st"の写真は980pxで、理想通りに切り替わるのですが、下の"btn-2nd"が切り替わりません。
画像パスに間違えがあるのかと思い確認したところ、間違えはありませんでした。

#最後に

質問に不足や至らないことがあるかもしれませんが、ぜひご教授いただけると幸いです。

Answer 1

    <source srcset="..." media="(max-with:980px)">

max-with ではなく max-width でしょうか。

Comments

[退会済みユーザー]

完全に見落としていました...ありがとうございます ; ;