レスポンシブ対応のブレイクポイントメモ

レスポンシブ対応のブレイクポイントメモ

こんにちはHTML&CSS初心者のhimakuroです 今回の記事ではレスポンシブ対応を行なう際の PC、タブレット、スマホの幅(ブレイクポイント)のメモになります。 前回の記事 前回はChart.jsというライブラリを活用してチャートの表示を実装しました。 kuro-engineer-log.hatenablog.com 以前作ったプロジェクトで実際に使ったやつ lgまでがタブレット想定。 xlより広い幅はパソコン想定 // min-width $breakpoint-up: ( 'sm': 'screen and (min-width: 400px)', 'md': 'screen and…