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
Como em outra tela tem o mesmo comportamento ja havia criado hum component do styled para centralizar esse css.
<ContainerCards>
{favorito.map(video => <Card id={video.id} titulo={video.titulo} capa={video.capa} key={video.id}/>)}
</ContainerCards>
import {styled} from "styled-components";
const ContainerCards = styled.section`
display: flex;
justify-content: space-around;
`
export default ContainerCards;