The CSS to reverse the order is: main { display: flex; flex-direction: column-reverse; } The many ::before <style>s are used to update

The CSS to reverse the order is: main { display: flex; flex-direction: column-reverse; } The many ::before <style>s are used to update the connection count. If you like these kinds of tricks, there's also an "order" CSS property, which lets you give elements any arbitrary order you like (by giving each element a numeric index). This can be useful for implementing sorting functionality, for example.