Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS CSS Layout CSS Media Queries What are Media Queries?

Daniel Corio-Rosas
Daniel Corio-Rosas
6,676 Points
Posted by Daniel Corio-Rosas
Daniel Corio-Rosas
6,676 Points

Why is dotted line and <h2>Padding</h2> is being displayed in page1 instead of page2 in print preview

THIS IS MY CSS section{ min-height:100vh; padding:1rem; border-bottom:2px dotted #666; background-color:azure; } THIS IS MY HTML <section> <h2>Padding</h2> <p>Padding immediately surrounds the content area. Padding is often used to give the content area some breathing room by separating the content from the surrounding border area.</p> </section>

3 Answers

Steven Parker
Steven Parker
222,348 Points
Steven Parker
Steven Parker
222,348 Points

When I check the print preview in the workspace, page 2 begins with the "Beginning developers ..." paragraph, then the dotted line, then the next header. But that all seems correct based on the amount of material displayed on page 1.

It differs from the video example primarily because of the size of the illustration in the "box model" section, which is significantly smaller and floated left in the video. There's also an extra paragraph in the first section in the video. If you add that paragraph and also use the same CSS for the image as in the video, you'll get a similar print layout:

css-changes.css 
.small-img {
  float: left;
  width: 300px;
  margin: 0 1rem 1rem 0;
}
Daniel Corio-Rosas
Daniel Corio-Rosas
6,676 Points
Daniel Corio-Rosas
Daniel Corio-Rosas
6,676 Points

Ohhhh ok. Thank you so much Steven. I appreciate your time.

Daniel Corio-Rosas
Daniel Corio-Rosas
6,676 Points
Daniel Corio-Rosas
Daniel Corio-Rosas
6,676 Points

I finished the lesson, but here’s the link.

https://teamtreehouse.com/workspaces/42054815

So the issue I see is page1 is rolling over to page 2, why?

Steven Parker
Steven Parker
222,348 Points
Steven Parker
Steven Parker
222,348 Points

You can't share a direct URL to your workspace, it's temporary and only exists while you are using it. Click the highlighted word in my previous answer for a video about creating and sharing a workspace snapshot.