Как сделать блок вне контейнера на весь экран, чтобы не было прокрутки?

Question

[Pavel_20]

Доброго дня! Нужна помощью
Есть такой блок:
По макету он занимает всю ширину (макет 1920px). Остальной контент укладывается в контейнер. Как правильно поступать в таких случаях? Вручную ширину картинок можно подобрать в консоли, чтоб четко в мою ширину уложилось? Верстаю с ноутбука и появляется полоса прокрутки, если вставляю эти картинки с размерами как в макете. Или тут предполагается, что уже на своем разрешении мне нужно адаптировать с переносом картинок?
И второй вопрос: синяя картинка занимает всю высоту блока в отличие от остальных. Есть какой-то лайфхак, как можно реализовать этот блок, не деля на 3 колонки? Может флексами как-то? Спасибо!

Comments

[Михаил]

гугли
Или ксс правило оверфолов ноне
Можете пожалуеста отметить это решением мне очень надо вопросик задать а у меня суточный лимит

Answer 1

[Арсений Матыцин]

Резиновая и адаптивная верстка.

Answer 2

[Артур Белан]

Я тоже такой макет делал))) MoGo
Я использовал grid. У меня правда корявенький макет получился, спешил.
Вот мой GitHub, строго не судите, он ещё будет доводится до ума!

Comments

[Артур Белан]

Только в моём случае, я задавал фиксированые значения!!!
Это наверное не совсем гуд((

[Pavel_20]

спасибо! Нифига себе ты классы называешь необычно)

[Артур Белан]

Pavel_20, ещё учусь и толком не научился называть классы))

[Pavel_20]

тебе так удобнее? потому что мне кажется очень длинная структура получается

[Pavel_20]

Артур Белан, а где js учишь?

[Артур Белан]

Pavel_20, Может было бы лучше если резиновую вёрстку переменить, но мне захотелось сделать что-то на грид, в данной секции плохо получилось, но если опустить в самый низ перед footer, то там просто шик, мне кажется там grid в самый раз))

[Артур Белан]

Pavel_20,
А js то тут то там, немного на Ютубе, на https://www.w3schools.com/
Вот это просто сокровище:
https://developer.mozilla.org/ru/docs/Web/JavaScri...