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
Para mim o no-gutters não estava funcionando, e a solução do Jonas, de colocar w-100 na tag img também não funcionou... Então depurando vi que o problema era um padding de 12 aplicado em ap-photo - então coloquei nele a classe px-0, que retira o padding dos lados, e funcionou:
<ap-photo *ngFor="let photo of row" class="col-4 px-0"
[url]="photo.url"
[description]="photo.description">
</ap-photo>
Olá Leonardo, nas novas versões do Bootstrap a classe no-gutters foi substituída, basta usar o g-0 em seu lugar e obterá o mesmo resultado.
<ap-photo *ngFor="let photo of row" class="col-4 g-0"
[url]="photo.url"
[description]="photo.description">
</ap-photo>