background: black;
    }
  </style>
</head>
<body>
  <div class="flexContainer" style="flex-flow: row wrap">
    <div class="item1"></div><div class="item2"></div>
    <div class="item3"></div><div class="item4"></div>
  </div>
  <div class="flexContainer" style="flex-flow: row wrap-reverse">
    <div class="item1"></div><div class="item2"></div>
    <div class="item3"></div><div class="item4"></div>
  </div>
  <div class="flexContainer" style="flex-flow: row-reverse wrap">
    <div class="item1"></div><div