snap44

Вот это дизайнер должен освоить раньше, чем пэинт. https://github.com/nicothin/web-design

Там же всё написано:

элемент divне разрешен как дочерний элемент ul

Тоже самое написано в спецификации

Content model:
Zero or more li and script-supporting elements.

flex-grow странный. Так ли это?

Sam Hampton-Smith - Pro CSS3 Layout Techniques (The Expert's Voice in Web Development)

Крутая книга по сеткам. Довольно свежая, даже гриды затрагивает.

ютуб
Lynda.com на рутрекере
HTMLAcademy на рутрекере

Попробуйте сделать таблицу в таблице. Внешняя таблица - это шапка и столбец + объединенные ячейки, внутри которых вторая таблица с оверфлоу:скролл

Как-то так. С высотой надо додумать что-то

Просто видео в тему =)

body {display: flex;
	flex-direction: column;
	min-height: 100vh;}
.main {flex: 1;}

Но что-то мне подсказывает что так у вас возникнет еще больше вопросов. Найдите эту книгу

UPD: и забудьте про jquery пока не научитесь верстать.

Судя по последним двум вопросам нас просто троллят

И так работает большинство "верстальщиков". Зато заказчик 2-3тыщи сэкономил на вёрстке.

Не знаю ху из наша газета, но что бы создать подобие hltv.org, погуглите для начала кто такой Nix0n и сравните его возможности со своими.

По css-сеткам Sam Hampton-Smith - Pro CSS3 Layout Techniques (The Expert's Voice in Web Development) - 2016
Если не найдете, пишите сюда почту, скину (Внимание! Warning! Attenzione! – книга есть только на английском).

Добавлять не бордер, а псевдоэлемент
https://codepen.io/anon/pen/gjzdyx

На родственника регистрируйте и не парьтесь.

https://getinstance.info/articles/css/responsive-t...