【サイト制作】レスポンシブ対応する【2カラム】

#HTMLCSSとWebデザイン入門講座

◎2カラムページのレスポンシブ対応
・上部のナビはTOPページでの修整を反映

・メインエリアとサイドバーをflex-direction: column;で縦並びに、width: 100%;でそれぞれ横幅いっぱいに

・各項目が見やすくなるよう調整（margin,width,height,font-size,padding）

— しゅてる@暗躍する人事 (@sterchannel2020) August 19, 2020

#HTMLCSSとWebデザイン入門講座

◎ブレークポイント
・メディアクエリー @media(max-width:###px😉 で設定したpx（スタイルが切り替わる画面幅のこと）

・iPad Proが834px、iPhone6~8が375px

・小さい画面サイズとして450px、大きい画面サイズとして760pxあたりを起点とすることが多い

— しゅてる@暗躍する人事 (@sterchannel2020) August 19, 2020