Freecodecamp: ウェイポイント：画像をモバイルレスポンシブにする

作成日 2015年08月25日 · 3コメント · ソース: freeCodeCamp/freeCodeCamp

チャレンジhttp://www.freecodecamp.com/challenges/waypoint-make-images-mobile-responseに問題があります。それを再現する方法を説明し、可能であればスクリーンショットへのリンクを含めてください。

以下は、リクエストに応じた2つの画像のコードです。 3つのテストのうち2つに合格します。最後の例では、以下に示すように、画像のURLは「 http://bit.ly/fcc-running-cats 」である必要があります。画像は正しく読み込まれますが、テストに合格しません。
img class = "thick-green-border img-response" src = " http://bit.ly/fcc-relaxing-cat "
img class = "thick-green-border img-response" src = " http://bit.ly/fcc-running-cats "

-画像の読み込みを防ぐために角度タグが削除されました

ソース

danielonodje

最も参考になるコメント

http（https :)にsを追加する必要があります

yaseenagag 2016年11月03日

👍2 ❤1

全てのコメント3件

テストをにリセットしてもう一度貼り付けようとしましたか？それは私のもので働いた。

shufengh 2015年08月25日

ありがとう@ sir-castiq！

コードを表示し、HTMLをレンダリングしないようにする方法については、コードフォーマットガイドを確認してください。

あなたの問題は、最初のimgタグが前のチャレンジの<a>の中にないことだと思います。

  <a href="#"><img class="smaller-image thick-green-border" src="http://bit.ly/fcc-relaxing-cat"></a>
  <img class="thick-green-border img-responsive" src="http://bit.ly/fcc-running-cats">

私にとってはうまくいきます。

これを閉じますが、まだ問題が解決しない場合は再度開きます。