Макет в виде таблицы - Joomla 3.x: Шаблоны, разметка и макеты вывода

Всем привет!
Как сделать что-то подобное?


Если вставить таблицей, то тогда сразу же страница становится не mobile friendly. Текст вылазит за границы.
Заранее благодарю всех ответивших.

P.s. шаблон Protostar

Можно float заверстать, можно flexbox, можно и гридами заморочится )
Флексбоксом проще всего http://html5.by/blog/flexbox/

Где сделать?

Для материалов - это стандартная настройка вывода блога. Поставьте две колонки в настройках пункта меню.

Для материалов - это стандартная настройка вывода блога. Поставьте две колонки в настройках пункта меню.

В стилях шаблона может не быть разметки в виде двух колонок )) трех и более. И если так делать - сложнее делать адаптив (ужимать с 4-х колонок к примеру до 2-х потом до 1), смысл в лишнем геморрое
Я всегда оставляю в настройках материалы в одну колонку и размечаю либо флоатами либо флексом

Петр, шаблон - протостар. Все там есть. А ТС - новичок. Ему верстать -  Тем более флекс)

Тем более флекс)

Так флекс даже проще чем все остальное, родителю задали три параметра и внутренние блоки сами выстроились в ряд

P.S. Разобрался, создал новую категорию.


Сделал как написала Taatshi
На главную вывелись все страницы, но да в две колонки)))
По флексбоксу нет инструкции ну совсем для начинающих?

Спасибо, разобрался)))

А теперь немножко сложнее. Можно сделать без танцев с бубном подобного вида)))


-----------------------------
-----------------------------
----------        -------------
----------        -------------
----------        -------------

Т.е. в начале во всю ширину, а потом две колонки

Там же первая строка - это во всю ширину. Там же написано - во всю ширину 

Поставьте два

Как теперь отсортировать? Какой материал вверху, какие внизу столбиками?
Помогите расставить в нужном порядке, пожалуйста.

Уже не знаю что и делать. Киньте хоть гипотезу как распределить правильно. На верху всегда один и тот же материал, как раз не нужный. Я уже и подключал по очереди, и сортировать пытался.

В настройках меню типа блог материалов можно выставить как общую сортировку материалов (по дате добавления и тд) так и выстраивание по колонкам (если брать стандартное разбиение на колонки - по вертикали или горизонтали).
Повторю рекомендацию - работать с одним списком одноуровневым материалов и распределять на колонки путем CSS. Очень доступную статью как начать работать с флексбокс я привел выше  http://html5.by/blog/flexbox/


Ну а с порядком поиграйте с настройками порядок материалов\категории и тд

Да, спасибо. Видно стоит настройка по дате создания. Переделал все, последние вверху и по убывающей. Еще раз благодарю.

По flexbox статья пока мне не показалась очень понятной, но буду стараться. Пока, как видите, еще с элементарным бодаюсь.