yasuaki6 https://blog.hatena.ne.jp/yasuaki6/ curi’s diary https://curi.hatenablog.com/ やったこと flexboxについて調べ学習した orderプロパティについて分かりづらかったのでこれだけ図解でまとめた 参考：order使用例 orderプロパティとは 個別のアイテムの順序を指定出来る アイテムはデフォルトでは0の値を取り、正や負の整数値を設定する👈重要❗ 前提 1~10の要素についてCSSのみで並べ替えを行う 基本html <div class="samplebox" id="flex1"> <p class="p1">ボックス<strong>①</strong></p> <p class="p2">ボックス<strong>②</strong></p> <p class="… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fcuri.hatenablog.com%2Fentry%2F2018%2F07%2F30%2F004654" title="flexboxの&quot;order&quot;がややこしかったので図解してみた - curi’s diary" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://256interns.storage.googleapis.com/images/images/000/000/568/normal/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88_2018-07-29_23.12.24.png?1532873578 Hatena Blog https://hatena.blog 2018-07-30 00:46:54 rich https://curi.hatenablog.com/entry/2018/07/30/004654 1.0 100%