【CSS】世にも簡単なレスポンシブの1カラム2カラムの書き方 | JavaScriptに関するお知らせ

こんにちは！最近レスポンシブ対応がめんどくてPCでもSPでも1カラムにするMizutani(@sirycity)です。 ですが今回はレスポンシブで2カラムとか1カラムとかにする方法についての記事です。 結論 冗談が過ぎました。PCだと2、SPだと1カラムにするケースはかなりあるんじゃないでしょうか？このブログもそうね。 なので早速結論から。こう書きましょう。まずはHTMLから。なるべくシンプルに書く。 <div class="container"> <div class="column">こっちはPCだと左側に来るカラム</div> <div class="column">こっちはPCだと右側に来るカラム</div> </div> 次にCSS。 .container { display: flex; flex-wrap: wrap; } .column { width: 100%; } @