テンプレートシート
CODE PEN による埋め込み
CodePenのプレビューをWebサイトに埋め込む方法は、
右上でまずは保存。「Save」
そして次は、右下で共有ボタンをクリック。「Embed」
すると小さめのウィンドウが開きますので
右下のコードをコピーする。（コピーボタンある）
あとは貼り付けて完成。
幅
wrapper ( 1400px )
wrapper-2 ( 1200px )
wrapper-3 ( 1024px )
レスポンシブ対応
ブレイクポイント 560px → クラス名「pc」「sp」
ブレイクポイント 1024px → クラス名「pc-2」「sp-2」