body{ display: flex; } #wrapper, #wrapper2{ width: 200px; height: 600px; background-color: #796e6e; border-radius: 35px; display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 50px; } #wrapper div, #wrapper2 div{ width: 150px; height: 150px; background-color: grey; border-radius: 50%; margin-top: 20px; } button{ height: 100px; width: 100px; font-size: 50px; border-radius: 25%; background-color: pink; } /* .wrapper2{ height: 400px; } .red{ background-color: red; } .yellow{ background-color: orange; } .green{ background-color: green; } */ #wrapper2{ height: 400px; }