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 CSS Layout CSS Media Queries What are Media Queries?

Posted by Daniel Corio-Rosas
Daniel Corio-Rosas
6,995 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
231,275 Points
Steven Parker
Steven Parker
231,275 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,995 Points

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

Daniel Corio-Rosas
Daniel Corio-Rosas
6,995 Points
Daniel Corio-Rosas
Daniel Corio-Rosas
6,995 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
231,275 Points
Steven Parker
Steven Parker
231,275 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.

Daniel Corio-Rosas
Daniel Corio-Rosas
6,995 Points
Daniel Corio-Rosas
Daniel Corio-Rosas
6,995 Points

Oh ok, https://w.trhou.se/mrlfzxoz4c