Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Flávio, apesar de ter lido as postagens anteriores não entendi o motivo de realizar a divisão da lista de fotos em linhas de 3 colunas, essa ação não seria automatizada pelo bootstrap ao utilizar a grid-layout? Da forma como foi feito não vi a necessidade do uso do bootstrap, visto que, independente da quantidade de registros o resultado sempre seria o mesmo! Ou estou errado? De verdade, não entendi o raciocínio!
Fala ai Leandro, tudo bem? A ideia de utilizar o Grid é para facilitar a criação e organização do layout.
Foi usado o grid de três colunas para que em uma linha tenha quatro fotos, isso porque ao total são doze colunas, sendo assim, 12/3 = 4.
O bootstrap por padrão nas novas versões vai atribuir o mesmo espaçamento para todos os itens, mas, na versão do curso isso ainda não era possível.
Porém, as vezes precisamos definir manualmente as colunas, isso porque podemos definir uma foto com 6 colunas, outra com 4 e outra com 2.
Para mais informações temos curso de Bootstrap aqui na Alura:
https://cursos.alura.com.br/course/bootstrap-criacao-single-page-responsiva
Espero ter ajudado.