Qual das duas opções é a mais adequada?

Ao realizar o desafio, cheguei no mesmo resultado escrevendo de duas formas diferentes:

A 1ª forma foi essa:

.agenda__item {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-template-areas: 
  "imagem imagem"
  "mes evento"
  "data vazio"
  "horario botao";
}

.agenda__item img{
  grid-area: imagem;
}

.agenda__item h3{
  grid-area: mes;
}

.agenda__item h4{
  grid-area: data;
}

.agenda__item h5{
  grid-area: horario;
}

.agenda__item h6{
  grid-area: evento;
}

.agenda__item button{
  grid-area: botao;
}

E a 2ª forma, foi essa outra:

.agenda__item {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
}

.agenda__item img {
  grid-column: 1/3;
}

.agenda__informacoes,
.agenda__atracao {
  grid-row: 2/3;
} 

Essa segunda forma achei bem mais prática por chegar ao resultado escrevendo menos. Porém, me veio a dúvida se é obrigatório sempre ter o grid-template-areas, ou se devo utilizar só em casos mais específicos mesmo?

Desde já agradeço a atenção!