こんにちは、@Lillyさん 
ナビゲーションセクションの順序を並べ替えるために、あなたのCSSコードを使用しました。ウェブページがフルサイズの場合、うまく機能します。
しかし、ウェブページを小さい幅にリサイズしようとすると、CSSコードの順序設定が無効になります。最後のセクションが次の画像のように2番目になってしまいます。
sidebar-sections の display: block; プロパティが order の効果を妨げていることがわかりました。そこで、CSSコードにいくつかのコードを追加してみました。
.sidebar-sections{
display: flex;
flex-direction: column;
}
これで、セクションの順序が制御できるようになりました。