Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

desafio cabeçalho

Referente ao curso React: desenvolvendo componentes customizados e acessíveis com Emotion, no capítulo Trabalhando com temas e atividade Desafio: criando o cabeçalho

por Laurie Silva Aguiar Cantuaria
| 121.6k xp | 43 posts

Oie vim mostrar como fiz o meu ficou meio diferente do gabarito do professor mas o resultado é o mesmo Insira aqui a descrição dessa imagem para ajudar na acessibilidade ;

fiquei meio em duvida se colocava a tag p ou era so fazer o header sem nd 

const Header = styled.header`
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: ${props => props.theme.cores.primarias.a};
    width: 100%;
    height: 90px ;
    color: ${props => props.theme.cores.neutras.c};

`
const P = styled.p`
  padding: 120px;
`

const Cabecalho =()=>{
  return(
     <Header>
      <P>@freelando</P>
      <P>Login</P>
     </Header>
  )
}
1 resposta
solução!
por Mike de Sousa
| 1350.8k xp | 2439 posts
Alura Scuba Team Suporte Educacional

Olá, Laurie, como vai?

Seu componente de cabeçalho está bem estruturado e é ótimo ver que você está explorando diferentes abordagens. A separação de responsabilidades é uma prática importante em React, e você está no caminho certo ao criar componentes menores.

Sobre a sua dúvida em relação à tag <p>, o ideal é usar essa tag para textos que realmente sejam parágrafos. Se o conteúdo o não é um parágrafo, pode ser mais apropriado usar uma tag como <span>.

Continue experimentando e compartilhando suas criações. O fórum está à disposição para qualquer dúvida que você tenha.

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!