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![](https://ecs-static.teamtreehouse.com/assets/views/marketing/shared/community-banner-white-47072046c51352fe6a69f5e691ff5700b28bb11d45197d7bdf066d9ea3f72d0c.webp)
![Argeo Huezo](https://uploads.teamtreehouse.com/production/profile-photos/10727189/micro_47463969_2366056560102412_6507357799742177280_n.jpg)
Argeo Huezo
418 PointsI don't understand what I am doing wrong. The question is " Place the content between the header and footer (h2, p, ul)
<!DOCTYPE html>
<html>
<head>
<link href="styles.css" rel="stylesheet">
<title>My Portfolio</title>
</head>
<body>
<header>
<section>
<ul>
<li><a href="#">About</a></li>
<li><a href="#">Work</a></li>
<li><a href="#">Contact</a></li>
</ul>
<h1>My Web Design & Development Portfolio!</h1>
<p>A site featuring my latest work.</p>
<h2>Welcome</h2>
<p>Fusce semper id ipsum sed scelerisque. Etiam nec elementum massa. Pellentesque tristique ex ac ipsum hendrerit, eget feugiat ante faucibus.</p>
<ul>
<li><a href="#">Recent project #1</a></li>
<li><a href="#">Recent project #2</a></li>
<li><a href="#">Recent project #3</a></li>
</ul>
</section>
</header>
<footer>
<p>© 2017 My Portfolio</p>
<p>Follow me on <a href="#">Twitter</a>, <a href="#">Instagram</a> and <a href="#">Dribbble</a></p>
</footer>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<link href="styles.css" rel="stylesheet">
<title>My Portfolio</title>
</head>
<body>
<header>
<section>
<ul>
<li><a href="#">About</a></li>
<li><a href="#">Work</a></li>
<li><a href="#">Contact</a></li>
</ul>
<h1>My Web Design & Development Portfolio!</h1>
<p>A site featuring my latest work.</p>
<h2>Welcome</h2>
<p>Fusce semper id ipsum sed scelerisque. Etiam nec elementum massa. Pellentesque tristique ex ac ipsum hendrerit, eget feugiat ante faucibus.</p>
<ul>
<li><a href="#">Recent project #1</a></li>
<li><a href="#">Recent project #2</a></li>
<li><a href="#">Recent project #3</a></li>
</ul>
</section>
</header>
<footer>
<p>© 2017 My Portfolio</p>
<p>Follow me on <a href="#">Twitter</a>, <a href="#">Instagram</a> and <a href="#">Dribbble</a></p>
</footer>
</body>
</html>
(MOD: I just edited the question to format all the code so that people can read it more easily and better help you!)
3 Answers
![Mckenzie Hessel](https://uploads.teamtreehouse.com/production/profile-photos/9618402/micro_IMG_0869.jpg)
Mckenzie Hessel
Full Stack JavaScript Techdegree Graduate 20,437 PointsHi Argeo, you have the right elements (header, section and footer). The wording of this code challenge isn't super clear but they want you to separate your code into three distinct chunks. The first chunk should be inside the header tags, the middle chunk should be inside the section tags, and the third chunk should be inside the footer tags. The tags shouldn't overlap--for example, you shouldn't have any content that's inside both your header and section tags. The blank lines they provide in the code challenge can give you a good idea of where those separations should occur. Let me know if I can provide any more clarity!
![Nkosinolwazi Moyo](https://uploads.teamtreehouse.com/production/profile-photos/10752568/micro_1564130232078700221743.jpg)
Nkosinolwazi Moyo
9,588 PointsYes Mckenzie Hessel I need more clarity and an example
![William Daly](https://secure.gravatar.com/avatar/a604531f4d75fd09f81fe8be053f6da6?s=96&d=https%3A%2F%2Fecs-static.teamtreehouse.com%2Fassets%2Fcontent%2Fdefault_avatar-445fbbabfc8dc9188fb5967fe43322ee0c3e0dd1e10f378bf8343784af5a13eb.webp&r=pg)
William Daly
2,493 PointsHeya. Just starting this course and I literally was having the same issue. I'm going to post what I did that got this fixed and hope that it helps. I know this is going back from April, but, here is what I did:
<!DOCTYPE html> <html> <head> <link href="styles.css" rel="stylesheet"> <title>My Portfolio</title> </head>
<header>
<body>
<ul>
<li><a href="#">About</a></li>
<li><a href="#">Work</a></li>
<li><a href="#">Contact</a></li>
</ul>
<h1>My Web Design & Development Portfolio!</h1>
<p>A site featuring my latest work.</p>
</header>
<section>
<h2>Welcome</h2>
<p>Fusce semper id ipsum sed scelerisque. Etiam nec elementum massa. Pellentesque tristique ex ac ipsum hendrerit, eget feugiat ante faucibus.</p>
<ul>
<li><a href="#">Recent project #1</a></li>
<li><a href="#">Recent project #2</a></li>
<li><a href="#">Recent project #3</a></li>
</ul>
</section>
<footer>
<p>© 2017 My Portfolio</p>
<p>Follow me on <a href="#">Twitter</a>, <a href="#">Instagram</a> and <a href="#">Dribbble</a></p>
</footer>
</body> </html>
You encompassed your header in the <h2> section which is why it isn't working. I hope that this helps :).