I'm having some difficulties with Bootstrap as a beginner and can't seem to get the left column height to extend to the full height of its parent div. I've read through the documentation and tried adding the h-100 class, assuming it would take up 100% of the parent's height, but it doesn't seem to be working as expected. Maybe there's something I'm missing because it's a block element?
<div class="container vh-100">
<div class="row d-flex justify-content-center align-items-center h-100">
<div class="row col g-0 d-flex justify-content-center w-75 align-items-center border border-dark">
<div class="col-6 bg-secondary h-100">
<h1 class="text-center">Greetings!</h1>
</div>
<div class="col-6">
<img src="images/ivy.jpg" alt="ivy" class="img-fluid" />
</div>
</div>
</div>
</div>