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 The Solution

Zachary Danz
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Zachary Danz
Front End Web Development Techdegree Graduate 15,024 Points
Posted by Zachary Danz
.a{fill-rule:evenodd;}techdegree seal-36
Zachary Danz
Front End Web Development Techdegree Graduate 15,024 Points

Why doesn't the "heading" section stretch all the way across to the second and third columns for me?

https://w.trhou.se/m3xl9cgd3o

My grid doesn't seem to be working completely properly. 

grid-template-areas:
    "head head head"
    "main abot news"
    "main link adss"
    "main foot foot";

My grid-template areas seems to be written correctly, but the "heading" section only is in the first column. I've tried playing with it a little bit by replacing "head" with "..." and nothing changes.

Workspace is attached, would love it if someone could shed a little light on this for me... As far as I can see, my code is mostly identical to Guil's, only I've used 4-letter names for my grad-area names.

Thank you in advance!

1 Answer

Steven Parker
Steven Parker
231,007 Points
Steven Parker
Steven Parker
231,007 Points

The HTML code in lines 9-15 of "layout.css" is a CSS syntax error and is causing the "header" rule to be ignored. Those lines should be removed.

Then the "grid-row" property on line 19 is contradicting the template area layout.

Zachary Danz
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Zachary Danz
Front End Web Development Techdegree Graduate 15,024 Points
Zachary Danz
.a{fill-rule:evenodd;}techdegree seal-36
Zachary Danz
Front End Web Development Techdegree Graduate 15,024 Points

Thank you, that was exactly it. I had copied that code from my HTML as a reference and forgot to delete it. Really appreciate you taking the time to give it a look. Thank you so much