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

HTML How to Make a Website Responsive Web Design and Testing Build a Three Column Layout

Gabriel Plackey
Gabriel Plackey
11,064 Points

My long email address causes the header background to end as you scroll the page to see the rest of my email address

How should I go about fixing this? I tried adding some padding to the left side of the header, which seemed to fix it but then extended the background of the header, and therefore the page, further than it needed, and added a scroll bar when I enlarged the page. Any help would be great. Thanks!

Sandra Hogan
Sandra Hogan
8,657 Points

Adding your code might make it easier for someone to help you.

jaspergradussen
jaspergradussen
5,876 Points

Only thing I could come up with is add a <br> after first part of your emailadress. (might be dumb ;p)

Then it will look like this:

firstname.lastname

@blabla.com

Anybody knows how to solve this issue? I have exactly the same question.

Gabriel Plackey
Gabriel Plackey
11,064 Points

Will I need to post my contact.html, main.css, and responsive.css to illustrate the problem properly?

Oh and the break isn't a bad idea, is there anyway to only had the break for the 480px screens, and take it away at the 660px screen in my responsive.css file.

1 Answer

Sandra Hogan
Sandra Hogan
8,657 Points

No...you don't need to share your actual contact info...you could just edit it so it is not real contact info