Как при помощи flexbox сделать страницу? Дело в том,что flex как я понял работает с контейнерами,тобишь группами блоков. Но вот как сделать,чтобы теги header, article,aside, footer можно было расположить по класической схеме тобишь aside с лева,article с по центру,опять aside с права,header на верху и footer в низу?
Здесь так не принято, на советую обратить внимание на smart-grid by lavrik. Это набор примесей для любого из популярных препроцессоров. У тех кто много лет в веб разработке уже давно свои миксины для этих целей написаны, а для новичка готовые примеси из smart-grid хороший буст.
Потренироваться в flexbox можно здесь: https://dmitrylavrik.ru/training/process/flexbox-grid
Там вроде и про smart-grid будет.
Но какому общему контейнеру,если есть только body header aside article aside footer ну и у них по одному блоку div. Тобишь эти главные теги нужно в div заворачивать? А так разве можно,это не против правил? Тогда какой смысл в этих тегах? Роботы смогут хоть понять,что это header.а это aside? Помоему всё же лучше float нет ничего. Легко управляется и работает с каждым элементом отдельно. А с этими сетками одна фигня какая-то. То html добавляет новые теги как нечто важное для поиска ,а тут получается они и роли никакой не играют,просто всё в div.-фигня какая-то нгепонятная.
Или же можно article и aside поместить в общий родительский блок и уже ему задать display: flex и позиционировать как угодно. Например как здесь: https://codepen.io/wfortin/pen/yVJybg
Простой
Простой
