Fytch

не помню уже про стандартные возможности css, так как советую юзать scss/less. Самой норм практикой является дробить на файлы стили для каждой страницы отдельно, для объемных блоков тоже отдельные файлы. Потом их все импортировать в главный css файл, где буду только импорты и какие то базовые вещи для body, и просто добавить этот файл в head

Гугл?

flex задается родительскому тегу, который в свою очередь действует на все теги первого уровня вложенности в него. флекс тебе нужен для li, их родительский элемент(тэг в который вложены li) это ul. Соответственно флекс надо давать ul.