Веб-разработка}
почему не работает flexbox? объясните тупому человеку (мне) простыми словами.

Потому что ты не правильно задаешь свойства. нужно все 4 дива обернуть в еще один див, например , и в css уже ему задать флекс, то есть .container{display: flex; }

ответ:

всё работает, но ты задал flex дивам.

объяснение:

когда ты для родителя пишешь display flex , то дети растягиваются на всю ширину и высоту родителя. чтобы они не растягивались, то задавай для блоков определённые размеры. вот мой совет.