スタイルシートからブロックの順序を入れ替える

cssは編集可能で、htmlソースに手を加えたくない、もしくは手を加えられないような場合って以外とあると思います。

そのような場合にhtmlソースをそのままで、スタイルシートに手を加えることで、ブロックの順序(表示位置)を変えることが可能です。

PCは左右に振り分けて表示で、スマホは全幅にしてPCと並び順を変えるなんてことが可能です。

こんな感じですね。

これで、PCのときはblock1、block2の順ですが、スマホではblock2、block1の順に表示されます。

フレックすって便利っす…