Есть вот такая вёрстка:
https://codepen.io/Drovosek/pen/RYXqKd
В ней в body есть контейнеры для контента и в них еще одни контейнеры в которых находится сам контент.
<body>
<div class="main__content">
<div class="container">
<!-- контент -->
</div>
</div>
<div class="main__content">
<div class="container">
<!-- контент -->
</div>
</div>
<div class="main__content">
<div class="container">
<!-- контент -->
</div>
</div>
</body>
Блоку container я задаю определенный max-width и margin: auto, чтобы всё было по центру.
Вопросы:
1. Влияет ли вложенность на что-то, кроме количества кода? Ну типо для поисковых машин, для СЕО это насколько плохо? Например, если я сделаю так:
<body>
<div class="main__content">
<div class="container1">
<div class="container2">
<div class="container3">
<div class="container4">
<!-- контент -->
</div>
</div>
</div>
</div>
</div>
<div class="main__content">
<div class="container1">
<div class="container2">
<div class="container3">
<div class="container4">
<!-- контент -->
</div>
</div>
</div>
</div>
</div>
<div class="main__content">
<div class="container1">
<div class="container2">
<div class="container3">
<div class="container4">
<!-- контент -->
</div>
</div>
</div>
</div>
</div>
</body>
2. Можно ли избежать блока container в первом примере и поместить весь контент в блок main__contant, но при этом чтобы результат был как с блоком container, т.е. контент так же оставался по центру и не растягивался? Типо чтобы были динамические padding'и
(Вот тот же пример только без container, с padding'ами и контент естественно теперь растягивается:
https://codepen.io/Drovosek/pen/RYXeWL )
Простой
Средний