Intro JS curricula: Clarifying AJAX instructions

Add more clarity to instructions since that response is 3 levels deep in the menus and the image doesn't show all 3 levels of menus.

Add step of clicking on the request and looking in the console to find the error message. Since they are new to JS, where to find the error may not be intuitive

Update images to show all 3 levels of menus

Author: tmartyny

sites/en/javascript-to-do-list/creating_a_list.step

@@ -67,11 +67,11 @@ with your name of choice. Note: it has to be unique! I'd suggest using your gith
     JAVASCRIPT
 
     message <<-MARKDOWN
-Now click over to your browser's network tab. It should look something like this.
+Now click over to your browser's network tab. Next to the 'filter' box, click on either the 'All' tab or 'XHR'. Below that, click on the 'Response' tab. It should look something like this:
 
 <img src='img/network_tab.png' alt="image of chrome's network tab.">
 
-Find the request to listalous.herokuapp.com. Was it successful? If not, why
+Find the request to listalous.herokuapp.com and click on it. Was it successful? If not, look in the console and read the error message. Why
 do you think it failed? Once you've successfully created a list, move on to the next step.
     MARKDOWN
   end