Лабораторная работа 1: Адаптивная верстка компоновки

Нужно разработать адаптивную вёрстку компоновки (wireframe) web-приложения. В решении должно быть минимум 4 блока (например: профиль, общая информация, друзья, стена), которые определённым образом распределены по странице. Пользуясь медиа-запросом, нужно реализовать адаптивную верстку. При маленьких размерах экрана блоки растягиваются или центруются.

Полезные свойства CSS: display, position, width, height, float, background-color.