ここ最近、Huluでは「メジャー」、「ダイヤのA」と野球アニメを見続けている kouraku です。おかげ様で、今年の甲子園はいつも以上に楽しんでみることができました。 さてさて、フロントエンドではレスポンシブ対応が当たり前になってしまったので、毎回毎回「あれ、どうするんだっけ?」と悩まないようにちょっとずつメモ書きを残していこうと思います。ということで、今回は複数ブロックに分かれたリストを1つにまとめる方法をメモメモ。 ※ここでは、768px以下はSP用レイアウトとして扱います。 複数ブロックを1行1列に 例えば下図の様なことをやりたい場合。 ※ここでは、横並びのスタイルは float で当てます。inline-blockでもよいのですが、SP用の書き換えを少なくするため、ここでは float を採用しています。 上図の様に PC から SP へとスタイル変更するには、 floatしてい
![【レスポンシブ対応】複数のブロックに分かれたリストを1つにまとめる | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/842f2cce0d1e35996f2a705768369a26c2d344ff/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2Fcat_smartphone.png)