Revision as of 05:52, 24 July 2020

<!DOCTYPE html>

The flex-wrap Property

The "flex-wrap: wrap;" specifies that the flex items will wrap if necessary:

1

2

3

4

5

6

7

8

9

10

11

12

Try resizing the browser window.

@@ Line 11: / Line 11: @@
 .flex-container > div {
    background-color: #f1f1f1;
-   width: 100px;
+   width: 200px;
    margin: 10px;
    text-align: center;