Skeleton Framework - 3 колонки макета - не удается уменьшить
Передо мной стоит задача по преобразованию сайта с 3 колонками в адаптивный дизайн. Я использую Skeleton Framework, и он корректно отображается на мобильном устройстве (каждый столбец расположен один под другим) и обычно на рабочем столе. Но это не складывается в планшете.
Я хочу, чтобы на планшете (iPad) он показывал только 2 столбца, а третий столбец располагался ниже.
Страница находится здесь: https://49.207.177.87/articles/new.html
Как я могу изменить скелет CSS, чтобы отразить нужное мне изменение? Буду благодарен за любое решение.