【HTML/CSS】カード型レイアウトのコーディング練習問題

Поделиться
HTML-код
  • Опубликовано: 21 янв 2025

Комментарии • 10

  • @user-bv6fx6tr4d
    @user-bv6fx6tr4d 3 года назад +1

    大変勉強になりました!!めちゃくちゃ応用できそうです!!素晴らしい動画でした。ありがとうございます。

    • @torikumu
      @torikumu  3 года назад

      参考にしていただきありがとうございます!
      引き続き他の動画もアップしていきますので、よろしくお願いいたします。

  • @sandongnin
    @sandongnin 2 года назад +1

    すごく助かりましたありがとうございました、🥰

  • @むみ-n1w
    @むみ-n1w 3 года назад

    画像の大きさがどうやっても変わらないです😵‍💫 htmlでサイズを変更したら変わるのですが、css上だと大きいままで😭😭

    • @torikumu
      @torikumu  3 года назад

      img {
      max-width: 100%;
      height: auto;
      }
      こちらを記述するといかがでしょうか?

    • @ss-yy4ot
      @ss-yy4ot 2 года назад

      同じく私もです。動画の通り入力しても変更されません、、

  • @gunray4644
    @gunray4644 3 года назад

    css行き詰まっていたのでとても助かりました!一つ教えてほしいのですが10:18のところなぜもう一つdiv classを作ったのでしょうか?

    • @torikumu
      @torikumu  3 года назад

      ご視聴ありがとうございます。
      あのdivにflexをかけたかったからですね。
      そのようにしないと、content自体にflexをかけると、その下にコンテンツが来たときに全部横並びになっちゃいます。。

  • @すすす-y3z
    @すすす-y3z 3 года назад +1

    わかりやすくとても参考になりました!
    ただ画像を横並びにする際card-warpに書かれた通り入力しても横並びにならず縦のままになってしまいました...
    どうすれば横並びになるんでしょうか?

    • @torikumu
      @torikumu  3 года назад

      参考にしていただきありがとうございます!
      横並びにならないときは、
      ①flexを当てる位置が違う(並べたい子要素の親要素にあてましょう)
      ②横幅がはみ出ている(今回は大丈夫かと)
      ③スペルやclass名の間違い(記述ミスを疑いましょう)
      このあたりになりますので、確認お願いしますmm