Я где-то года 4 назад, когда еще не работала с мобилкой, всегда задевалась вопросом, почему в нашей ДС отступы закладывались в элемент, а не в контейнер, где элементы находятся. Вроде же удобнее в одном месте править их в случае необходимости, а не каждом контейнере по отдельности. На практике же, довольно часто вы будете попадать в ситуацию, где надо будет сделать элемент, выходящий за пределы основной контент зоны, но при этом не трогать остальные, и вот тогда то подход 1 перестает работать.

Пойдите переделайте, если работаете с чем-то похожим сейчас 👀