Нежелательное пространство в html из-за загрузочных карт

#html #css #bootstrap-4 #frontend #bootstrap-cards

Вопрос:

Я продолжаю получать ненужное дополнительное пространство в правой части веб-страницы всякий раз, когда я добавляю загрузочные карты ,которые выглядят так: проблема с изображением, я пытаюсь поместить все внутри разделов, кто-нибудь знает, как удалить это пространство? Спасибо!

         <section id="section" class="container-fluid" style="background-color: steelblue;">
        <h1 id="bulletin">Bulletin Board</h1><br>
        <hr id="bulletin-divider">
        <div class="row row-cols-1 row-cols-md-3">
            <div class="col mb-4">
                <div class="card h-100" id="cards">
                    <img src="..." class="card-img-top" alt="art preview">
                    <div class="card-body">
                        <h5 class="card-title">dasddsa</h5>
                        <hr>
                        <p class="card-text">ART DETAILS</p>
                    </div>
                    <div class="card-footer">
                        <small class="text-muted">Last updated 3 mins ago</small>
                    </div>
                </div>
            </div>
            <div class="col mb-4">
                <div class="card h-100">
                    <img src="..." class="card-img-top" alt="art preview">
                    <div class="card-body">
                        <h5 class="card-title">dasddsa</h5>
                        <hr>
                        <p class="card-text">ART DETAILS</p>
                    </div>
                    <div class="card-footer">
                        <small class="text-muted">Last updated 3 mins ago</small>
                    </div>
                </div>
            </div>
        </div>
    </section>
 

Комментарии:

1. Что вы пытались сделать, чтобы решить эту проблему? Почему бы не открыть консоль разработчика вашего браузера, чтобы проверить дополнительные места?

2. Я исправляю это, изменяя размер отступа. Спасибо!