When flexbox container has insufficient space or full space, then flex-wrap property arrange elements either on same row or new row by hidding some elements and show few elements on available space. this property uses two basic values
wrap will display elements from top to bottom by adding new line if flex container space if full.
wrap-reverse will display elements from bottom to top by adding new line if flex container space is full.