Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Problemas com a estilização

Referente ao curso CSS: dispondo elementos com Flexbox e Grid, no capítulo Flexbox e atividade O flex container

por Antonio Mateus Bila
| 40.5k xp | 21 posts
Operador de produção

Fala pessoal. Não estou conseguindo aplicar as instruções que o instrutor passou. O logo não aparece, não houve alteração na cor de fundo. Me ajudem... ![](Insira aqui a descrição dessa imagem para ajudar na acessibilidade )

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HZC | Home</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap">
    <link rel="stylesheet" href="assets/css/reset.css">
    <link rel="stylesheet" href="assets/css/estilos.css">
</head>
<body>
    <header class="cabecalho">
        <button class="cabecalho__menu">menu</button>
        <img src="assets/img/logo.svg" alt="Logotipo da HZC" class="cabecalho__logo">
        <button class="cabecalho__notificacao">notificação</button>
    </header>
</body>
</html>
body    {
    background-color: #1D232A;
    font-family: 'opens sans' sans-serif
    color: #ffffff;
}

.cabecalho    {
    display: flex;
}
3 respostas
por Bruno Akihiro
| 92.4k xp | 47 posts

Ola verifique se o caminho esta certo 

<link rel="stylesheet" href="assets/css/reset.css">
<link rel="stylesheet" href="assets/css/estilos.css">
solução!
por Renato Silveira Nunes
| 88.4k xp | 110 posts
Analista programador pleno

Olá Antonio.

Pela url mostrada no print parece que seu arquivo index está na pasta assets também, por isso não é preciso informar na url dos arquivos css (a menos que exista outra pasta assets dentro dela com os css).

Então ficaria assim:

<link rel="stylesheet" href="./css/reset.css">

Outro ponto que precisa corrigir é no css no final de font-family, precisa por o delimitador final ;

Assim:

body    {
    background-color: #1D232A;
    font-family: 'opens sans' sans-serif; /* nessa linha */
    color: #ffffff;
}

Se não é a última propriedade definida, precisa do delimitador da linha ;

Abraço.

por Antonio Mateus Bila
| 40.5k xp | 21 posts
Operador de produção

Galera, valeu. Deu certo !