#36 - Interleaved.html

<div class='container'>
	<div ></div>
  	<div ></div>
  	<div ></div>
  	<div ></div>
  	<div ></div>
</div>
<style>
  *{
    margin:0;
    background:#1A4341;
  }
  .container{
  	display:flex;
    width:100%;
    justify-content:space-evenly;
  }
  .container>div:nth-child(even) {
    width: 50px;
    height: 200px;
    border-bottom-left-radius:25px;
    border-bottom-right-radius:25px;
    background: #998235;
  }
  .container>div:nth-child(odd) {
    width: 50px;
    height: 200px;
    margin-top:100;
  	background:#F3AC3C;
    border-top-left-radius:25px;
    border-top-right-radius:25px;
  }
</style>