CSS Gridで要素(アイテム)の間に余白をgapで設定する! #4

  • マンツーマン個別講義開催中!

    勉強に行き詰まっていませんか?
    エラーの解消から、実装方法まで丁寧に教えます!
    講師が答えられるなら、基本的にどんな内容でもOK!

    詳細はこちら!
  • スクール形式講義

    プロを目指す方・講義を何回も受けられる方はこちら
    個別のカリキュラムを作成し、長期的にサポート!

    詳細はこちら!
これまで格子状に並べてある要素と要素の間に余白を設定する場合はmarginなどが主流でしたが、gapという簡単に余白を指定できるものを使って、簡単に設定できるようになりました。
この動画では使い方と、各ロングハンドである
・row-gap
・column-gap
について紹介していきたいと思います。
Flexbox(フレックスボックス)でも使うことができるので、是非活用していってください!

関連する動画リスト

もっとみる