Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Minha imagem ficou pela metade( a testa dos instrutores)

Fiz todo o passo a passo da aula e não sei porque tá bugado.

style.css

:root { --branco-principal: #FFFFFF; --cinza-secundario: #C0C0C0; --botao-azul: #167BF7; --cor-de-fundo: #00030C; }

body { background-color: var(--cor-de-fundo); color: var(--branco-principal); }

{ margin: 0; padding: 0; }

.principal { background-image: url("img/Background.png"); background-size: cover; background-repeat: no-repeat; }

.container { heith: 100vh: }

index.html

 <title>Alura Plus</title>
 <meta charset="UTF-8">
 <meta name "viewport" content="width=device-width, inicial scale=1">
    <link rel="stylesheet" href=" styles.css">
</head>
<body>
    <section class="container principal">
        <h1>Com o Combo+, você pode aproveitar a Alura+ e o Alura Língua por um preço único.</h1>
        <img src="img/Combo.png" alt="O combo+ é a junção do alura+ e o alura língua">
    
</body>
![](![Insira aqui a descrição dessa imagem para ajudar na acessibilidade](https://cdn1.gnarususercontent.com.br/1/6254013/803a656f-f137-4f28-811e-b8f3c60bcc9b.png)  )
2 respostas
solução!

Provavelmente pode ser o tamanho da sua tela, se você por exemplo está usando um monitor muito grande o comando background-size: cover; na sua classe principal pode cortar um pouco da imagem.

Experimente reduzir o tamanho da sua janela para visualizar como o navegador se comporta com o seu código em diferentes viewports.

Recomendo também experimentar remover esse parâmetro ou trocar o cover por 100%.

Outra coisa interessante à se ver, eu não sei se é a identação do código colado aqui no fórum mas tem um erro na linha onde você define a viewport, eu corrigi para você, faltava um '=' em name:

E veja também se esse espaço pós o href no link stylesheet é mesmo necessário...

muito obrigada vou ajeitar agorinha msm, passei noite a dentro tentando ver o q errei kkkk