<div class="container"> <div class="big"> <div class="small">1</div> </div> <div class="big"> <div class="small">2</div> </div> <div class="big"> <div class="small">3</div> </div> </div>
.container { display: flex; } .small { width: 70px; height: 100px; background: white; border-radius: 12px; display: flex; justify-content: center; align-items: center; } .big { padding: 0 10px; cursor: pointer; } .big:hover .small { background: royalblue; }