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 Using calc() as Background Position Offsets

Posted by Aakash Srivastav
.a{fill-rule:evenodd;}techdegree
Aakash Srivastav
Full Stack JavaScript Techdegree Student 11,638 Points

setting bg-position offset

I am writing the same code as shown in video and image of rock sets fine. But my heading and paragraph flows out in the left out of header. Why?

1 Answer

Boban Talevski
Boban Talevski
24,793 Points
Boban Talevski
Boban Talevski
24,793 Points

Well, they are not really flowing out left of the header, they are still inside the header, they are just flowing left of the background image, which is 1435px wide. So when the viewport size goes beyond 1435px in width, you start to see whitespace around the background image and if you further increase it (at around 1510px or so), the h1 and p start to move "out of the" background image. I guess Guil didn't bother with setting this properly as we are learning another topic in this workshop.