css grid-template-areas not working as desired

June 18, 2022 June 18, 2022 / 1 minute of reading

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

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:

CLICK HERE to find out more related problems solutions.