Текст выстраивается в одну линию в блоками. Как исправить?

Question

[Максим Иванов]

https://jsfiddle.net/urtvm7gb/8/

Текст выстраивается в одну линию с блоками так как я поставил position: absolute; для group_img. Но как мне вернуть блок form вот так не убирая position: absolute; с group_img ?

Answer 1

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

1. Заверни все img в один контейнер.
2. Если нужна система в отображении, то добавь грид.

Comments

[Максим Иванов]

Всё в один контейнер не могу. Мне нужно три таких блока по 4 фото и позишинами расставить фотографии внутри каждого блока как тут:

Так как потом для мобильных версий нужно сделать так:


Возможно я сильно заморачиваюсь, но если ты знаешь как сделать это намного проще (и чтобы потом можно было сделать слайдер), то скажи пж ))

Пока я писал это, то мне пришла в голову идея. Просто добавить height: px; для .gallery
Выйдет короче вот так - тык и вообще уместен ли тут будет height?

[Максим Иванов]

И даже когда я заверну все фото в один див, то блок .form всё равно будет в них

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

Максим Иванов, сорян, не особо до тебя. Возьми за базу то, что я написал и просто копай дальше.

[vessellook]

Максим Иванов, а нельзя эти изображения в фоторедакторе объединить в одну (или 3 для мобильных), раз такая сложная разметка?