كيفية جعل القائمة الجانبية تأخذ إرتفاع الشاشة بالكامل

مرحبا..

كنت احاول برمجة القائمة الجانبية للموقع لكن القائمة تكون موجود باول صف فقط وليس في الموقع كامل مع العلم اني مبتديء بالبرمجة ولا اعلم ما الخطأ الذي ارتكبته اثناء العمل على الموقع.

<div class="books">
    <div class="container-xl">
        <div class="row">
            <!-- Start right menu -->
            <div class="col-md-2 col-xs-2">
            <div class="menu-outer">
                <div class="menu-icon">
                    <div class="bar"></div>
                    <div class="bar"></div>
                    <div class="bar"></div>
                </div>
                <nav>
                    <ul>
                    <li><a href="#">الرئيسية</a></li>
                    <li><a href="#">المدونة</a></li>
                    <li><a href="#">من نحن</a></li> 
                    <li><a href="#">إتصل بنا</a></li>
                </ul>
            </nav>
            </div>
            <a class="menu-close" onClick="return true">
                <div class="menu-icon">
                    <div class="bar"></div>
                    <div class="bar"></div>
                </div>
            </a>
            </div>

            <?php
            $query = "SELECT * FROM books ORDER BY id DESC";
            $result = mysqli_query($con, $query);
            if (mysqli_num_rows($result) > 0) {
                while ($row = mysqli_fetch_assoc($result)) {
            ?>   
        <center> 
            <div class="col-md-6 col-xs-6">
                <div class="card text-center">
                    <div class="img-cover">
                        <a href="book.php?id=<?php echo $row['id']; ?>&&category=<?php echo $row['bookCat']; ?>"><img src="pdf\bookCovers/<?php echo $row['bookCover']; ?>" alt="Book Cover" class="card-img-top"></a>
                    </div>
                <div class="card-body">
                    <h4 class="card-title">
                        <a href="book.php?id=<?php echo $row['id']; ?>&&category=<?php echo $row['bookCat']; ?>"><?php echo $row['bookTitle']; ?></a>
                    </h4>
                    <h5 class="card-text">
                        <a href="author.php?author=<?php echo $row['bookAuthor']; ?>"><?php echo $row['bookAuthor']; ?></a>
                    </h5>
                        </a>
                </div>
                    <div class="clearfix visible-xs-block"></div>
                </div>
             </div>
        </center>
                <?php
                }
            } else {
                ?>
                <div class="text-center">لا توجد أي كتب</div>
            <?php
            }
            ?>
        </div>
    </div>
</div>