При уменьшении ширины экрана задний фон скатывается в левый край. Как исправить? <!-- about my...

Рейтинг: 0 из 5, голосов 0
-----
При уменьшении ширины экрана задний фон скатывается в левый край. Как исправить? <!-- about my --> <div class="about_my_bg" id="about_us"> <div class="about_my_container"> <div class="about_my_wrapper"> <div class="about_my_title"> <h1>About me</h1> </div> <div class="about_my_sub_title"> <p>Hi, I'm Denis – UX/UI designer from Minsk. <br> I'm interested in design and everything connected with it. <br><br><br> I'm studying at courses "Web and mobile design <br> interfaces" in IT-Academy. <br><br><br> Ready to implement excellent projects <br> with wonderful people.</p> </div> </div> </div> </div> /* about my */ .about_my_bg { background: #F6F6F6; width: 100%; } .about_my_container { margin: 0 auto; width: 943px; padding-right: 10px; padding-left: 10px; } .about_my_wrapper { text-align: center; padding-top: 120px; padding-bottom: 107px; } .about_my_title h1 { font-size: 34px; color: #070707; margin-bottom: 17px; } .about_my_sub_title p { color: #070707; font-size: 18px; }
Ответ:

Добрый день. К сожалению, по кусочку кода что вы дали нельзя понять какая у вас проблема. В приведенном коде из стилей фона вижу только background: #F6F6F6;.

Если же говорить в общем, то для центрирования фона можно использовать CSS свойство background-position:

background-position: center;

Если же фон нужно растянуть, то свойство background-size:

background-size: cover;
1
Оцените, насколько полезна эта страница
-----
Оставьте комментарий

Отправляя форму, я даю согласие на обработку персональных данных.