order

The order property defines the order of the flex items relative to other flex items.

Syntax

order: value;

Example

 .flex-container{
            display: flex;
            gap: 5px;
        }

        .mydiv {
            order: 2;
        }

        .div2{
            order: 1;
        }

        .div3{
            order: 3;
        }

Property Values

value: sets the order of the flex items.