コーディング
テンプレートシート

テンプレートシート

CODE PEN による埋め込み

CodePenのプレビューをWebサイトに埋め込む方法は、
右上でまずは保存。「Save」
そして次は、右下で共有ボタンをクリック。「Embed」
すると小さめのウィンドウが開きますので
右下のコードをコピーする。（コピーボタンある）
あとは貼り付けて完成。

CODE PEN にアクセス

幅

wrapper ( 1400px )

wrapper-2 ( 1200px )

wrapper-3 ( 1024px )

flexシリーズ

1024px以下で1列になります

See the Pen Untitled by itou (@ito017) on CodePen.

  • 1024px以下で1列になります

See the Pen flex-box-2 by itou (@ito017) on CodePen.

  • 1024px以下で2列になります

See the Pen Untitled by itou (@ito017) on CodePen.