Flexle yapabilirsiniz.

https://css-tricks.com/snippets/css/a-guide-to-flexbox/





<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body style="width:100%; height: 100vh; display: flex; justify-content:center; align-items: center">
  <div style="width: 50%; height: 80%; background-color: blue; display: flex; gap: 5px">
    <div style = "background-color: yellow; width:50%;"> </div>
     <div style = "background-color: yellow; width:50%; display: flex; flex-direction: column; justify-content: space-evenly"> 
       <div style= "background-color: red; height: 200px">  </div>
       <div style= "background-color: red; height: 100px">  </div>
       <div style= "background-color: red; height: 100px"> </div>
       <div style= "background-color: red; height: 100px; display:flex; justify-content:center; align-items: center; gap:10px"> 
         <div style= "background-color: orange; height: 50px; width: 60px"> </div>
         <div style= "background-color: orange; height: 50px; width: 60px"> </div>
       </div>
    </div>
  </div>
</body>
</html>