How to make few divs placed below each other in one grid's row

Hello everyone,

I have got easy problem on the first sight, but I can’t resolve its on my own. I have got a footer like on the first screen and I would like to make these three divs: offices, contact and socials to be below each other on mobile, but when I place them in a row but on the same number of columns, they overlap each other.

Google%20Chrome_2019-02-28%2011-57-52

There is my read only link.

Thanks for your help,

Regards!


Here is my site Read-Only: [LINK][1]

If you are new to CSS Grids, I think watching this video will help you understand how to accomplish what you want. Give it a go. It’s short.