プログラミングのプの字から勉強する日記ブログ

日々勉強した事を書き連ねます

164

昨日は半ば諦めていた、『CSSのみで要素を上下逆にする』という方法をGoogle先生に教えてもらってできるようになりました!

 

親要素にdisplay: flex;とflex-direction: column;を指定しておいて、並べ替えたい要素にorder: 1,order: 2;と指定すると位置が綺麗に並べ替えられるのでした。レスポンシブでコードを書いていると、どうしてもHTMLの方を書き換える事ができなかったりするので、CSSでいろんな事ができると便利ですね。

 

できるかどうかも分からない事を見つけた時は宝ものを見つけたような感覚になります。いえーい。