Как заставить блок подняться выше?

Question

[anvarik2]

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

Comments

[WapSter]

В песочницу

[Алексей Орлов]

Вообще не понимаю, в чем сложность использоваться margin , его можно просто опустить вниз и всё...

[WapSter]

Алексей Орлов, чего? Ты вопрос внимательнее прочти. И даже на твое решение есть более элегантные способы решения.

[mipfikus]

Вы пробовали кричать на блок? Вежливо его просить?

[Алексей Орлов]

WapSter, эммм, ему нужно поднять правый блок вверх к первому блоку, и?

[WapSter]

Алексей Орлов, чему вас в школе то учат

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

[Алексей Орлов]

WapSter, Есть множество способов, отрицательный margin, поменять flex-direction на column и повыставлять order или же просто переписать данную часть кода исключительно для моб.устройств.

[WapSter]

Алексей Орлов, зачем ты мне это говоришь. Я умею верстать. Но не умею ванговать, каким образом у него сейчас это реализовано.

[Алексей Орлов]

WapSter, Ты мне начал писать, а не я тебе)

Answer 1

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

https://masonry.desandro.com/ или grid (+ dense)

Answer 2

[Devyatov]

Для ваших целей лучше всего подойдет Grid.

Например, так:
https://codepen.io/devyatov/pen/GRoNjxM

Answer 3

[Kristal1]

флексбоксом

Comments

[anvarik2]

Вся страница сделана на бутстрапе. У родителя блока значение wrap, а у самого блока col-md-5. При уменьшении блок, который стоял в ряд, переносится на следующую сроку, но проблему в том, что помимо этого я хочу, чтобы этот блок, который перешел на другую строку поднялся до самого верха, то есть до первого блока. За ранее спасибо)

[WapSter]

anvarik2, а ты вкурсе как работает, flex? Может стоит подучить основы, а потом, лезть в готовые решения.

[anvarik2]

WapSter, может быть и так. Спасибо за ответ)