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

Python Customizing Django Templates Template Tags and Filters Blocks and Inheritance

Dezhi Zhu
Dezhi Zhu
2,662 Points
Posted by Dezhi Zhu
Dezhi Zhu
2,662 Points

Why this doesn't work

Finally, add a header that says Welcome to the code challenges!

code_challenges/templates/code_challenges/layout.html 
<html>

    <head>{% block header %}
        <title>Code Challenge</title>
      {% endblock %}
    </head>

    <body>
        <div class="page-header">
            <!-- YOUR CODE HERE -->

        </div> 
    </body>
</html>
code_challenges/templates/code_challenges/list.html 
{% extends "code_challenges/layout.html" %}


{% block header %}Welcome to the code challenges!{% endblock %}

1 Answer

Brian Anstett
Brian Anstett
5,831 Points
Brian Anstett
Brian Anstett
5,831 Points

Don't confuse the html tag <head> with the "page-header" div. For reference on what the <head> tag is used for, see (https://www.w3schools.com/tags/tag_head.asp)

You need to place your block header in the div with the class "page-header." Notice the helpful comment of "<!-- YOUR CODE HERE -->"

It should look something like this.

<html>
    <head>
        <title>Code Challenge</title>
    </head>
    <body>
        <div class="page-header">
            <!-- YOUR CODE HERE -->
          {% block header %}
          {% endblock %}

        </div> 
    </body>
</html>