Как вставить картинки шире контейнера?

Question

[Даниил Архипов]

Есть контейнер 1170px, за него ничего не выходит кроме 8 картинок. Что делать в данной ситуации, как верстать?
Создавать второй контейнер с другой шириной? Но тогда при масштабе 100% картинки разбегаются...

Answer 1

[Ankhena]

Можно спросить, зачем вы вообще сложили их в container?
Уберите лишнюю обертку и всё.

Comments

[Даниил Архипов]

Вот убрал я контейнер

Это при 100% масштаба

50%

[Ankhena]

darkhipov2018,
Обведите groop_2 рамочкой, убедитесь, что он на всю ширину окна.
Дальше разбирайтесь с его сеткой для картинок.
group, кстати, пишется так.

Если он не на всю ширину, выясняйте, что ему мешает.

Судя по скринам - блок на всю ширину страницы, а вы просто не сделали сетку для картинок, ну или не разобрались с их размерами.

Если самостоятельно никак, делайте песочницу с видимой проблемой на codepen.io

Answer 2

[FeST1VaL]

как вариант объединить все картинки в одну и задать бэкграундом для group 2

Comments

[Даниил Архипов]

Фоном нельзя вот почему:

[FeST1VaL]

darkhipov2018, ну как бы не понятно почему. Если по заданию это галлерея, то еще понятно...

[Даниил Архипов]

Именно это галерея

Answer 3

[Сергей delphinpro]

Отдельный контейнер с полной шириной, как, например, в бутстрапе .container-fluid https://getbootstrap.com/docs/5.1/layout/container...