レスポンシブなヘルプページのサンプル

目次

サンプルページ

See the Pen help page sample by eating2003 (@eating2003) on CodePen.

目的

手順を説明するページを作ったついでに、コピペ用のテンプレートを残しました。

コピー用の控え

  • PCは左メニュー、スマホはスクロールタブ
  • レスポンシブで、フレックスボックスとスクロールスナップを切り替え
  • タブにvanilla JSを使用。そのほかはCSS。フレームワークなど無し。
もくじ
TOP
目次
閉じる