meu scss não vai | SASS: CSS sintaticamente espetacular | Alura - Cursos online de tecnologia

2
respostas

Referente ao curso SASS: CSS sintaticamente espetacular, no capítulo Primeiros passos com SASS e atividade Aninhamento

por Stephane

| 42.8k xp | 17 posts

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="style" href="./styles/style.css">
    <title>Sass </title>
</head>
<body>
    <div class="container">
        <div class="esquerdo">
            <div class="texto">
                ⬅️ Sass
            </div>
        </div>
        <div class="direita">
            <div class="texto">
                 Sass ➡️
            </div>
        </div>
    </div>



    
</body>
</html>``

body { margin: 0; padding: 0;

}

.container {

height: 100vh; display: flex; .esquerdo { width: 50%; background-color: blueviolet;

}

}

2 respostas

por Stephane

| 42.8k xp | 17 posts

07/11/2023

mais foto sobre o caso Insira aqui a descrição dessa imagem para ajudar na acessibilidade

por ROBSON MANOEL BENTO TEIXEIRA

| 78.3k xp | 48 posts

Especialista II em desenvolvimento .NET

08/11/2023

Olá,

Não se deve aninhar as definições de estilo para as classes .container e .esquerdo dessa forma.
No HTML o nome da classe é direita, sendo assim o .css deve referenciar o mesmo valor.

Sendo assim, teu arquivo deve ficar:

body {
    margin: 0;
    padding: 0;
}

.container {
    height: 100vh;
    display: flex;
}

.esquerdo {
    width: 50%;
    background-color: blueviolet;
}

.direita {
    width: 50%;
    background-color: blue;
}

Lembre-se também de revisar e ajustar (caso necessário) o arquivo style.css referenciado no teu HTML.