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

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

    エラーの解消から、
    実装方法まで丁寧に教えます!
    講師が答えられるなら、
    基本的にどんな内容でも
    OK!

    詳細はこちら!
  • 質問し放題プラン!
  • スクール形式講義も

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

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

関連する動画リスト

もっとみる