マージン・パディングを理解する
margin(マージン)とpadding(パディング)について簡単に説明ます。
注意：セクションのマージン上下しか適応できません。
マージンとは
margin（マージン）とは要素間の間隔のことです。
以下はマージン50pxを適応させた場合のサンプルです。
セクション、カラム、その中の各要素（画像・Pテキスト）にマージンを適応させることができます。
以下はマージン50pxを適応させた場合のサンプルです。
セクション、カラム、その中の各要素（画像・Pテキスト）にマージンを適応させることができます。
カラムの上下左右に50pxのマージンを適応させる例
再生時間：31秒
見出し（要素）の上下左右にマージン50pxを適応させる例
再生時間：30秒
パディングとは
paddingとは要素内の余白のことです。
以下はパディング50pxを適応させた場合のサンプルです。
セクション、カラム、その中の各要素（画像・Pテキスト）にパディングを適応させることができます。
以下はパディング50pxを適応させた場合のサンプルです。
セクション、カラム、その中の各要素（画像・Pテキスト）にパディングを適応させることができます。
カラムの上下左右に50pxのパディングを適応させた例
再生時間：32秒
見出し（要素）の上下左右にパディングを50px適応させた例
再生時間：31秒