Untitled

<!DOCTYPE html>
<html>
  <body>
    <div class="wrapper">
      <div>
        <h1>Title</h1>
        <div class="row">
          text
          <a href="#">link</a>
          <a href="#">link</a>
          <a href="#">link</a>
        </div>
        <div class="row">
          text
          <a href="#">link</a>
          <a href="#">link</a>
          <a href="#">link</a>
        </div>
            <div class="row">
          text
          <a href="#">link</a>
          <a href="#">link</a>
          <a href="#">link</a>
        </div>
        <input/>
      </div>

      <img />
    </div>

    <style>
      html, body, .wrapper {
        height: 100%;
        width: 100%;
        margin: 0;
      }
      .wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
      }
      img {
        width: 200px;
        height: 200px;
        background: teal;
      }
    </style>
  </body>
</html>