Using named Grid template areas having no effect

Hi, sorry if cross-posting is frowned upon but I’m not sure if if this question of mine was more appropriate here?

As the post explains, I am converting my tribute page to a CSS grid format to alleviate formatting issues when on differing viewports - my current code has no effect, and I’m not sure why not?

I’m no CSS-expert but I can give you some tips.

  • Use repeat(6, 1fr); instead of writing 1fr 6 times.
  • You don’t have to write auto 6 times for rows, writing auto once means it’s auto. What you can do is write minmax(min-height, auto) if you like to set a min height for each row, else auto.
  • If you want to leave a cell empty in a row you write a single ‘.’ not as you have, ‘… …’

What exactly do you want to achieve?