Por algum motivo que eu não entendi qual, a cor primaria não quer ser definida, vou colocar o link do projeto aqui pq eu sei que não vai ter espaço pra tudo e o erro pode estar em qualquer lugar https://github.com/IsraelHamdan/organo.git
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
Por algum motivo que eu não entendi qual, a cor primaria não quer ser definida, vou colocar o link do projeto aqui pq eu sei que não vai ter espaço pra tudo e o erro pode estar em qualquer lugar https://github.com/IsraelHamdan/organo.git
Salve, Israel!
A cor não está sendo aplicada porque você não aplicou a cor de fundo no componente Colaborador.
Aqui nessa linha ficou faltando o seguinte: style={{ backgroundColor: props.corDeFundo }}
O componente Colaborador, completo, fica assim:
import './Colaborador.css'
const Colaboraror = (props) => {
return (
<section className='colaborador' >
<div className="cabecalho" style={{ backgroundColor: props.corDeFundo }}>{/* faltou adicionar o estilo nessa linha */}
<img src={props.imagem} alt = {props.nome}/>
</div>
<div className="rodape">
<h4>{props.nome}</h4>
<h5>{props.cargo}</h5>
</div>
</section>
)
}
export default ColaborarorOpa, vlw professor, funcionou sim, obrigado pela ajuda