Grid-Template-Areas problem

Grid-Template-Areas problem
0.0 0


I’m trying to build my tribute page using CSS grids. I want the layout of :
“image info image2” “image info image3” “link link link” so basically there’ll be 3 columns with the 3rd split into 2 horizontally.

For whatever reason, it isn’t working. Instead, I’m getting “image info image 2” “. .
image3” “link link link”. My codepen is here.

What am I doing wrong?


Sorted it myself! I was putting the grid-area id beside the ‘grid-item’ instead of down one beside the actual item within the grid-item.