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 Introduction to HTML and CSS CSS Fundamentals CSS Properties

Dallas Quin
seal-mask
.a{fill-rule:evenodd;}techdegree
Dallas Quin
Front End Web Development Techdegree Student 3,385 Points
Posted by Dallas Quin
.a{fill-rule:evenodd;}techdegree
Dallas Quin
Front End Web Development Techdegree Student 3,385 Points

Mockup Change

Hi everyone,

I am studying alongside a physical notebook to visually show the changes I am making. It helps me to keep track of any changes and additional notes I need to learn/remember. With that being said, the introduction of CSS has allowed me to make changes - such as the font, colors, etc. on my website. The issue I have is that I can't see the changes I have made visually on the mockup-recipe.png picture. I want to have a picture to print of the slight changes I have made to put in my notebook, as well as the code (which I am able to copy and paste to print).

Please advise. Thanks in advance!

1 Answer

Steven Parker
Steven Parker
231,271 Points
Steven Parker
Steven Parker
231,271 Points

It sounds like all you need is to make a screenshot of the window (Ctrl-Alt-PrintScreen on Windows, and then paste into Paint). Then you can print that out to add to your notebook. There's also a number of 3rd-party "screen grabber" applications that will do it in one step.