.parent {
  display: grid;
  grid-template-columns: minmax(150px, 25%) 1fr;
  place-items: center;
  background: lightblue;
  width: 500px;
  height: 500px;
  resize: both;
  overflow: auto;
}

.child {
  padding: 0.5rem;
  border-radius: 10px;
  border: 1px solid red;
  background: lightpink;
  font-size: 2rem;
  text-align: center;
}

.child2{
  padding: 2rem;
}

body {
  font-family: system-ui, serif;
}