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

Fahr Kamal
PLUS
Fahr Kamal
Courses Plus Student 352 Points
Posted by Fahr Kamal
Fahr Kamal
Courses Plus Student 352 Points

When I preview my code on the website challenges after the videos, it shows up as expected but not on workspaces itself.

(I keep getting a blank screen with no title and no pictures. Only on the website challenges does the code show up during preview)

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Fahr Kamal | Designer</title> <link rel="stylesheet" href="css/normalize.css"> </head> <body> <header> <a href="index.html"> <h1>Fahr Kamal</h1> <h2>Designer</h2> </a> <nav> <ul> <li><a href="index.html">Portfolio</a></li> <li><a href="about.html">About</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav> </header> <section> <ul> <li> <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""> </a> </li> <li> <a href="img/numbers-02.jpg"> <img src="img/numbers-02.jpg" alt=""> </a> </li> <li> <a href="img/numbers-06.jpg"> <img src="img/numbers-06.jpg" alt=""> </a> </li> </ul> </section> <footer> <img src="img/twitter-wrap.png" alt="Twitter Logo"> <p>Ā© 2013 Fahr Kamal.</p> </footer> </body> </html>

2 Answers

Steven Parker
Steven Parker
229,732 Points
Steven Parker
Steven Parker
229,732 Points

Challenges are entirely separate from workspaces.

Every challenge provides it's own complete environment for editing code and testing the results. While the challenge might start with code somewhat similar to the follow-along project you are doing in the workspace, it will not be the same. This is intentional to give you the opportunity to test your knowledge of the topic but not exactly duplicate the video examples.

:warning: Do not copy workspace code into the challenge, or copy challenge code into the workspace. Things can get very confused if you do.

Previews in the challenges are built in to the page, and accessed with a "Preview" button. Previews of a workspace are done in a separate browser window or tab, and are activated with the button with the "eye" icon.

Fahr Kamal
PLUS
Fahr Kamal
Courses Plus Student 352 Points
Fahr Kamal
Fahr Kamal
Courses Plus Student 352 Points

Do you recommend that I only use the challenge code provided by the website instead of launching workspaces? I am a beginner so I am still trying to grasp the concepts. Would it be best if I did the challenges first and then tried using workspaces at the end?

Steven Parker
Steven Parker
229,732 Points
Steven Parker
Steven Parker
229,732 Points

Use the workspaces to follow along with the videos.

The challenges are complete in themselves, you won' t ever need a workspace when doing a challenge.

I think doing the course elements in order give you the best learning experience.