bootstrap: sizing

by istiq20

HTML

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Sizing</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
  </head>
  <body>
    <div class="bg-success-subtle" style="height: 200px">
      <div class="bg-success w-50 h-100">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem ea
        facere, necessitatibus placeat possimus praesentium suscipit velit.
        Dignissimos enim error fugit non placeat quisquam veritatis voluptatem.
        Alias aliquam enim maxime!
      </div>
    </div>

    <div class="bg-danger-subtle vh-100 vw-100">
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium
      alias aspernatur deserunt distinctio, earum, eum, labore laborum maxime
      minima minus nostrum odio quas quasi quibusdam quisquam reprehenderit
      sapiente sed ut.
    </div>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
  </body>
</html>