Как сделать «динамический» padding?
Как правильно верстают контейнер для контента:.container {
  width: calc(100% - 32px);  // отступ по 16px в случае если страница <= 1024px
  max-width: 1024px;  // размер для примера
  margin: 0 auto;
}
max-width можно задать 100% и напрямую задать padding, само собой к ширине + 32px.container {
  width: 100%;
  max-width: 1056px;
  margin: 0 auto;
  padding: 0 16px;
}
https://codepen.io/topicstarter/pen/NLJyQa?editors=1100
здесь я не исправлял вёрстку а чуть чуть поправил css - добавил три строки