Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by Denis Zhidkov
Denis Zhidkov
2,660 Points

How to remove white space on the right side?

Hi!

How can I remove white space on the right side? Web-page: http://vote.hooters.com.ru/

see desktop screenshot - https://yadi.sk/i/UqeD0pA8mMVFi

see mobile screenshot - https://yadi.sk/i/rdFXJE2rmMVQZ

2 Answers

Jake Ford
Jake Ford
9,230 Points
Jake Ford
Jake Ford
9,230 Points

Add an html element selector like this:

html{
    overflow-x: hidden;
}

This will prevent any content from overflowing on the left or right sides of your page, it will clip the content. https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-x

Denis Zhidkov
Denis Zhidkov
2,660 Points

I added it to CSS. Didn't help.

Jake Ford
Jake Ford
9,230 Points

hmm that's odd! It worked for me when I looked at your site in developer tools and added it. Maybe add it to both the html and the body?

Jake Ford
Jake Ford
9,230 Points
Jake Ford
Jake Ford
9,230 Points

Actually it looks like you got it fixed looking at it again, good job!