css grid-template-areas not working as desired

Reproducing your code…translating SCSS to CSS, I get this:

enter image description here

As you can see, you do have 3 columns and 4 rows indeed:

The problem is this:

footer div:nth-child(1) ul:nth-of-type(3) {
    grid-area: resouces;

Fix the typo (grid-area: resources;) and you get it working:

enter image description here

CLICK HERE to find out more related problems solutions.

Leave a Comment

Your email address will not be published.

Scroll to Top