Responsive Settings

I am using three columns on “homepage blank”, when i use the site in mobile (landscape mode) we need show two blocks per row (pic 2), not one (pic 1). And the third block should be under row together with the first block in the under row. The others two blocks be together in another row.

Pic 1: https://imagizer.imageshack.us/v2/571x343q90/673/ehMrqZ.png
Pic 2: https://imagizer.imageshack.us/v2/571x345q50/910/79WdUj.png

My theme version is: 3.8.1

¿How we can do this?

I don’t think responsive design works that way in most cases meaning

if you have

[x][x][x]

then at smaller sizes you would see either

[x][x]
[x]

or more typically

[x]
[x]
[x]

so this is why one more often sees

[x][x][x][x]

which goes down to

[x][x]
[x][x]

and then

[x]
[x]
[x]
[x]

But wait for feedback from tagdiv to see if the old grid support that or not.

Yes, or use:

[x][x]
[ xx ]

[x][x]
[ xx ]

I would like to take a formal response from tagDiv