Sobre o problema relatado do dimensionamento da lista/grid de fotos.
Como não consegui responder nos respectivos tópicos. Segue minha solução:
<img class="img-thumbnail w-100" [src]="url" [alt]="description">Reparem que adicionei no código do photo.component.html a classe "w-100" do bootstrap. Ela diz que o elemento deve utilizar 100% do espaço disponível. Assim a imagem ocupará toda largura disponível da sua coluna e não aparecerão aqueles espaços em branco.
Outra coisa que fiz foi trocar o img-thumbnail por img-fluid devido a estética. Fica sem as bordas.
