項目間に余白が残り続けてしまいます...。

前提・実現したいこと

Flexを採用しdivをメニューのように整列させていますがうまく並びません

発生している問題・エラーメッセージ

エラーメッセージは特段発生されておりません

該当のソースコード

<div class="fluid-wrap">
  <div class="el"></div>
  <div class="el"></div>
</div>


body {
  margin: 0;display: flex;justify-content: center;
}

.fluid-wrap {
  width: 80%;
  background: brown;
  height: 100vh;  display: flex;

  flex-wrap: wrap;
}

div>div {
    flex: 100%;
}

.el {
  height: 20px;
  background: #ffa;
}

試したこと

align-itemsが関係しているかと思っい、alignをstartに修正しましたが特別な変化が見れませんでした

補足情報（FW/ツールのバージョンなど）

sass:4.11.0
windows:10