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 Basics CSS Layout Project Introducing the Project

Alex Forseth
Alex Forseth
8,017 Points
Posted by Alex Forseth
Alex Forseth
8,017 Points

How do I view the .png file in my browser if I am using a text editor that is not launch workspace?

I can not personally see the preview of what he wants the end product to be, because he is using the png file to launch the workspace.

2 Answers

Steven Parker
Steven Parker
231,248 Points
Steven Parker
Steven Parker
231,248 Points

A pure text editor would not be able to display images. The workspaces also act as web servers to allow your browser to connect and display the contents.

There are special editors which simulate web displays (such as Code, Brackets, and Atom), If you're using one of those you must be sure to download image (and other) resources and place them in a folder structure similar to the one in the workspace.

Mark Newcomb
Mark Newcomb
2,770 Points
Mark Newcomb
Mark Newcomb
2,770 Points

What I did was hit preview which opens up a **.treehouse-app.com link. On a hunch, I figured the png file would be at /best-city-guide.png and lo and behold, there it was. So it would be **.treehouse-app.com/best-city-guide.png. Hope that helps!

Steven Parker
Steven Parker
231,248 Points
Steven Parker
Steven Parker
231,248 Points

But you "hit preview" in the workspace, which Alex is not using.