Как сделать чтобы блок с мотоциклами уменьшался вместе со всем остальным?

Question

[olesya777]

подскажите кто знает пожалуйста

<section class="gallary">
                <img class="gallaru__item" src="img/gallary/gallary-01.jpg" alt="Harley Davidson">
                <img class="gallaru__item" src="img/gallary/gallary-02.jpg" alt="Harley Davidson">
                <img class="gallaru__item" src="img/gallary/gallary-03.jpg" alt="Harley Davidson">
        </section>

.gallary{
    width: 100%;
    display: flex;
}


.gallaru__item{
    width: 100%;
    /* width: 33,333%; */
    height: auto;
    object-fit: cover;
    object-position: center;
    @media(min-width: 1440px){

    }
}

Comments

[Тарас Шульга]

Задай ширину в % и все, что-то типа w33.33% h-auto

[olesya777]

Тарас Шульга, спасибо но не помогло

[Тарас Шульга]

olesya777, выкатите ваш пример в песочнице, так проще будет помочь.

[Ankhena]

33.333% пишутся через точку, а не через запятую и всё заработает.

[Тарас Шульга]

olesya777, https://codepen.io/angryyum/pen/dyPEoJM

[olesya777]

Тарас Шульга, это что такое?

[Ankhena]

olesya777, я вижу их в вопросе в коде.
Вот с точкой https://jsfiddle.net/Lmk5hyx7/

[Тарас Шульга]

olesya777, полностью готовый вариант того, что вам нужно.

Answer 1

[Евгений Залецкий]

Так задай параметры картинки. Или тебе нужно чтобы под каждое устройство нормально уменьшалось?

Comments

[olesya777]

да. адаптив делаю

[Евгений Залецкий]

olesya777, вроде бы твой вопрос. Прости что не пишу код, чтобы немного тебе облегчить работу.

[olesya777]

Женя Залецкий, мне за это никто не заплатит. я учусь и хочу понять а не чтоб за меня делали так что свои извинения можете оставить при себе

[Шохрух Шаймардонов]

olesya777, это нужно писать вне блока стилей

@media(min-width: 1440px){

}

[Шохрух Шаймардонов]

У вас .gallary с 100% шириной. А у остальных блоков что прописано?

[olesya777]

Шохрух Шаймардонов, всегда так писала и все работало. я на лесе пишу

[olesya777]

Шохрух Шаймардонов, у меня просто этот блок идет на всю ширину а у остальных есть фиксированная ширина

[Шохрух Шаймардонов]

а у остальных есть фиксированная ширина

Ну собственно, решение кроется здесь

[olesya777]

Шохрух Шаймардонов, ниче не поняла

[DmitrijP]

olesya777, у тебя фиксированное и адаптивное,естественно,что они разные.