Hallo @Lilly 
Ich habe deinen CSS-Code verwendet, um die Reihenfolge der Navigationsbereiche neu anzuordnen. Das funktioniert gut, wenn die Webseite in voller Größe angezeigt wird.
Wenn ich jedoch versuche, die Webseite auf eine kleinere Breite zu verkleinern, sind die Reihenfolgeeinstellungen im CSS-Code ungültig. Der letzte Bereich wird zum zweiten, genau wie auf dem folgenden Bild:
Ich habe festgestellt, dass die display: block;-Eigenschaft von sidebar-sections verhindert, dass order eine Wirkung hat. Dann habe ich versucht, etwas Code zum CSS-Code hinzuzufügen.
.sidebar-sections{
display: flex;
flex-direction: column;
}
Und jetzt ist die Reihenfolge der Abschnitte unter Kontrolle.