Допустим вот такой код
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Швейный кластер</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="main">
<div class="header"></div>
<div class="content">
<div class="inner-content"></div>
<div class="inner-sidebar"></div>
</div>
<div class="footer"></div>
</div>
</body>
</html>
Как правильно использовать flexbox? Нужно сделать main контейнером?, а внутри него header, content, footer сделать элементами контейнера? Если так можно ли потом сделать из header, content, footer тоже контейнеры. Или сразу header, content, footer делать контейнерами без main и работать с ними по отдельности. И еще при работе с flexbox нужно ли делать кучу блоков в блоках, как при работе с float? Допустим создавать кучу inner
<body>
<div class="wrapper">
<div class="header">
<div class="inner-header"></div>
</div>
<div class="row">
<div class="content">
<div class="inner-content"></div>
</div>
<div class="sidebar">
<div class="inner-sidebar"></div>
</div>
</div>
<div class="footer">
<div class="inner-footer"></div>
</div>
</div>
</body>
Средний
