<div class="flex-container"> <div class="item item1">1</div> <div class="item item2">200px Height</div> <div class="item">3</div> <div class="item item4">4</div> <div class="item">5</div> </div>
*{ margin: 0; padding: 0; box-sizing: border-box; } *::before, *::after{ box-sizing: border-box; } .flex-container{ display: flex; align-items: stretch; padding: 15px; border: 2px solid #e2e2e2; height: 280px; } .item{ width: 100px; background-color: #2da192; text-align: center; font-size: 20px; padding: 20px; margin: 5px; font-weight: 600; color: #fff; } .item2{ height: 200px; background-color: #ef074e; }