Адаптивный CSS для столбцов

Итак, я пытаюсь изучить использование столбцов, чтобы добавить гибкости и отзывчивости веб-сайту, с которым я работаю, и это то, к чему я на данный момент пришел.

http://ditfort.com/onlineprofile/

Считаете ли вы, что столбцы — хорошая идея в CSS, как описано здесь:
http://www.w3schools.com/css/css_rwd_intro.asp

Правильно ли я это реализовал или делаю неправильно, и как я могу улучшить и заметить, что элементы не выстраиваются должным образом в столбцах, в заголовке.

Кроме того, мне нужно добавить отрицательный запас -150 пикселей; Чтобы расположить изображение над столбцом, обратите внимание, как переполнение торчит снизу.

Чтобы это исправить, мне нужно было добавить отрицательное верхнее поле.

Есть ли лучшая/правильная альтернатива этому? С уважением, Крис