Use the Bootstrap 4.1 flex-grow-1 class… https://codeply.com/go/Iyjsd8djnz html,body{height:100%;} .bg-purple { background: rgb(48,0,50); } .bg-gray { background: rgb(74,74,74); } .bg-blue { background: rgb(50,101,196); } .bg-red { background: rgb(196,50,53); } <link rel=”stylesheet” href=”https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css” integrity=”sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T” crossorigin=”anonymous”> <div class=”container-fluid h-100″> <div class=”row justify-content-center h-100″> <div class=”col-4 bg-red”> <div class=”h-100 d-flex flex-column”> <div class=”row justify-content-center bg-purple”> <div class=”text-white”> <div style=”height:150px”>ROW … Read more