Как вывести элементы таким образом?
Контейнеруdisplay: flex
flex-direction: column
Большомуflex-grow: 2
Дальнейший тюнинг уже по требованиям делать (responsive или нет, фикс размеры или нет итд)
Подобную структуру необходимо делать с помощью сетки. Можете использовать готовые решения (bootstrap, foundation) или же сделать свою. В принципе можно сделать на обычном CSS, но времени такой способ скушает в разы больше.