How to place an element from one row next to an element from another row?

Question

css

There is Lindos, which is divided into 3 rows:

But in the tablet version, I need to display the icons from row-3 and the form from row-2 on the same level:

What is the easiest way to do this? Are there tools for this in Bootstrap4?

Answer 1

The simplest thing has already been suggested above - to hide the form in one block, and to show it in the other. Why it cannot be placed under excavators, and under it icons in 2-4 columns is an open question