CSS Battle - #6 Missing Slice

<div class="outer"> <div class="inner first"></div> <div class="inner second"></div> <div class="inner third"></div> </div> 

 body { background: #E3516E; display: flex; align-items: center; justify-content: center; } .outer { width: 200px; height: 200px; border-radius: 50%; background: #E3516E; position: relative; display:flex; flex-wrap: wrap; overflow: hidden; } .inner { width: 50%; height: 50%; } .first { background: #51B5A9; } .second { background: #FADE8B; } .third { background: #F7F3D7; }