/* CABEÇALHO */
.cabecalho__container {
display: flex;
justify-content: space-between;
align-items: center;
position: fixed;
top: 0;
}
Boa tarde! Fiz seguindo as instruções da aula e o símbolo da Alura do lado esquerdo sumiu, pesquisar está do lado esquerdo e os outros ítens não aparecem.
Obrigada
Olá, Jocenice!
Primeiramente, verifique se todos os elementos (logo, campo de pesquisa e ícones) estão dentro do contêiner .cabecalho__container. Se algum deles estiver faltando ou estiver fora desse contêiner, eles não aparecerão como esperado.
Verifique se não há propriedades como display: none, visibility: hidden ou opacity: 0 aplicadas a qualquer um desses elementos.
Infelizmente, com apenas esse trecho de código, não consigo fornecer uma resposta assertiva. Por favor, forneça mais informações sobre o projeto, incluindo prints do erro, código HTML e CSS da sessão, ou o código completo via GitHub ou Google Drive (com permissão de acesso).
Espero ter ajudado e reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!
Sucesso ✨
Um grande abraço e até mais!
Eu acrescentei: background-color: white; width: 100%; height: 80px;
e ficou assim: file:///C:/Users/Joice/Desktop/aluraplay/aluraplay-projeto-base%20(3)/aluraplay-projeto-base/index.html# sem a logo da alura do lado esquerdo
<header>
<nav class="cabecalho__container">
<h1 class="logo__item" href="Logo.png"></h1>
<div class="cabecalho__pesquisar__item">
<form action="">
Olá Jucenice!
Infelizmente, no momento não consigo visualizar seu site, pois ele só existe em seu computador. Com o progresso dos cursos, você vai colocar ele para toda a internet, então peço um print se possível da sua tela.
Mas um erro que está acontecendo é por conta de que você está utilizando a tag H1 para chamar uma imagem o que não vai funcionar muito bem, seu código deve ficar assim:
<header>
<nav class="cabecalho__container">
<img src="caminho_para_seu_logo_da_Alura.png" alt="Logo da Alura" class="logo__item">
<div class="cabecalho__pesquisar__item">
<form action="">
Por fim em caso de persistencia do erro, me manda o seu código completo, tanto o seu HTML e o seu CSS completinho.
Espero ter ajudado, estou à disposição em caso de dúvidas.