CSS Позиціонування / зміни розміру - html, css, css3, media-queries

для деяких це проста проблема, тому пробачте мене за таке основне питання. У мене проблеми з позиціонуванням шару div #section-1, в основному я хочу вміст у <div> залишатися в положенні, коли я збільшую розмір екрана. Натисніть тут

Я епічно не досягаю цього. Я встановив #section-1 з такими властивостями:

    #section-1{
position: relative;
width: 100%;
}

Також я встановив свій #wrapper на наступне:

#wrapper{
max-width: 1600px;
min-width: 320px;
width: 100%;
margin: 0 auto;
position: relative;
}

Я спробував вказати максимальну ширину # section-1 та застосувати margin: 0 auto; однак вміст у розділі-1 все одно рухається, коли збільшується розмір екрану.

Хтось має рішення проблеми ...?

Відповіді:

Для полів шириною 100 пікселів з кожного боку:

#section-1{
position: relative;
margin: 0 100px;
}

Зверніть увагу, що це працює з вашою обгорткою або без неї - багато CSS у вашій обгортці здається непотрібним.