Как убрать боковые отступы?

Question

[Сергей Соболь]

Подскажите, как убрать эти боковые отступы? Всё обнулено, вроде как.



Вот код:

<section class="gallery" id="gallery">
        <div class="container">
            <div class="row">
                <div class="section__titles-block">
                    <h2 class="section__title">
                        Gallery
                    </h2>
                    <span class="actual__line"></span>
                </div>
                <div class="col-lg-12">
                    <img src="img/Rectangle 20.jpg" alt="" class="gallery__item">
                    <img src="img/Rectangle 21.jpg" alt="" class="gallery__item">
                    <img src="img/Rectangle 22.jpg" alt="" class="gallery__item">
                    <img src="img/Rectangle 23.jpg" alt="" class="gallery__item">
                    <img src="img/Rectangle 24.jpg" alt="" class="gallery__item">
                    <img src="img/Rectangle 25.jpg" alt="" class="gallery__item">
                </div>
            </div>
        </div>
    </section>

Comments

[Muslim Mamaev]

классы class="col-lg-12"> class="gallery__item"> выложи

[Danny Arty]

стили бы элементов глянуть

[polxz]

загрузите этот проект на какую-нибудь песочницу

Answer 1

[Юрий]

Прозреваю дефолтный display: inline у картинок. Нужно либо сбросить у родителя font-size в ноль, либо сделать его display: flex.

Answer 2

[polxz]

надо поставить марджины и падинги по нулям, либо display:flex;

Answer 3

[Гектор Синхром]

Пропиши в head

<style type="text/css">
   .gallery__item {
           margin: 0;
           padding: 0;
    }
</style>

Answer 4

[fallus]

.gallery__item {
  font-size: 0
}