Geek Culture
Published in

Geek Culture

CSS Flexbox: The order property

Change the ordering by using the order property

The order property defines the order of the items relative to the rest of the items inside the container according to the number.

Photo by Elena Mozhvilo on Unsplash

To demonstrate this, we create 5 boxes inside the index.html.

<!DOCTYPE html><html lang="en">




A new tech publication by Start it up (

Recommended from Medium

React Hooks in Practice (Tricks and Best Practices)

React State Management best practices for 2021 (aka no Redux)

How to iterate over a Formarray containing Formgroups using ngFor in Angular?

You need to know about React JS

Easy way in Javascript to Replace if Statements

These Tips Will Boost Your React Code’s Performance

How to Deploy Angular App on Firebase

How to Deploy Angular App on Firebase

PART I: Closures in Javascript

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store


Teaching JavasScript, React, React Native, MongoDB and NodeJS

More from Medium

Render an animated Loading Bar in Unicode characters with JavaScript & HTML

Top 3 CSS Tricks

Understanding Media queries in CSS

How TO Center A Div In CSS