Responsive верстка

[mrfrunze]

Добрый вечер, при ширине экране 480px внизу отображается скролл,  справа большой отступ, помоги найти причину появления этого отступа, пробовал background-size - не помогло. Вот ссылка http://sport.teslalight.com.ua/

Спасибо.

[DivMan]

попробуй сделать обёртку для всего 

[Q4Dizzy]

.descript-text .container {    padding: 0 20px;}

Это причина скролла.

 

либо уменьшите отступы до 10 где-то либо используйте

box-sizing: border-box;

Edited October 2, 2014 by Q4Dizzy

[mrfrunze]

попробуй сделать обёртку для всего 

Вы имеете ввиду обернуть этот блок в wrapper? или весь код?

Спасибо.

.descript-text .container {    padding: 0 20px;}

Это причина скролла.

 

либо уменьшите отступы до 10 где-то либо используйте

box-sizing: border-box;

отступы не помогли (((

[Q4Dizzy]

.descript-text .container {    box-sizing: border-box;    padding: 0 20px;}

Это использовали?

[mrfrunze]

.descript-text .container {    box-sizing: border-box;    padding: 0 20px;}

Это использовали?

 

Да применил, отступ справа уменьшился, но не исчез! Спасибо.

[Q4Dizzy]

А через что проверяете?

[SelenIT]

У .description при таком размере стоит width: 100% в сочетании с left: 15%. Вот излишек и торчит.

[Cei]

.descript-text .container {box-sizing: border-box;}

 

или там же поиграться шириной в зависимости от разрешения.

.descript-text .container {width: ...}

 

Это этот блок топорщится.

[Q4Dizzy]

Та там ещё куча проблем при ширине 320

[mrfrunze]

.descript-text .container {box-sizing: border-box;}

 

или там же поиграться шириной в зависимости от разрешения.

.descript-text .container {width: ...}

 

Это этот блок топорщится.

Спасибо, это помогло, уменьшил ширину 82% и все стало ок. Огромное спасибо )))

У .description при таком размере стоит width: 100% в сочетании с left: 15%. Вот излишек и торчит.

Спасибо, да именно из-за него и был скрол и отступ. Спасибо..