gap

The gap property defines the gap between the items of a flex container.

Syntax

gap: value;

Example

 .flex-container1 {
            border: 1px solid black;
            height: 200px;
            width: 150px;
            display: flex;
            flex-direction: row;
            gap: 10px;
        }

Property Values

value: sets the value as the gap between the items of a flex container.