А как же learn.javascript.ru? Шикарный учебник, полезные задачки

Для начала НЕ ДОЛЖНО быть одинаковых id, так как он обязан быть уникальным

Flex-direction: column-reverse
Column-count:2
Direction: rtl

Пишу с телефона, так что в кратце)
Должно работать

Если же чисто флексы, то контейнеру flex-direction: row-reverse, flex-wrap:wrap, элементам flex-basis:50% и играться с order

Выпадающее меню на чистом css делается через хак с чекбоксом. Гуглится за 20 секунд) Но имхо гораздо быстрее написать тоже самое на js/jquery. Там делов на 5 минут вместе с чтением методики.