<div class="container">
  <div class="minimum-value">Мой контейнер занимает 80% области просмотра.</div>
</div>

<div class="minimum-value">Мой контейнер это вся область просмотра.</div>

.minimum-value {
  width: max(200px, 50%);
}

@layer presentation {
  body {
    background-color: hsl(25, 100%, 90%);
  }
  .minimum-value {
    background: rgb(211, 58, 44);
    color: #fff;
    padding: 1rem;
  }

  .container {
    border: 1px solid #000;
    margin-block-end: 1.5rem;
    width: 80%;
  }
}