Olá, Yuri, tudo bem?
O problema está no arquivo "index.html" e ocorre devido ao código abaixo:
<section class="container secundario">
<img src="assets/Notebook.png" alt="Notebook com página do cruso HTML5 e CSS3 da Alura aberta" class="secundario__imagem">
<div class="container__descricao">
<h2 class="descricao__titulo">Baixe seus cursos</h2>
<p class="descricao__texto">Baixe e assista quando e onde quiser. Assim, seus favoritos estão sempre com você, até mesmo sem internet.</p>
</div>
<section class="dispositivos">
<h2 class="dispositivos__titulo"> Disponivel nos seus dispositivos favoritos</h2>
<ul class="dispositivos__lista">
<li>
<img src="assets/tv.png" alt="icone de televisao">
<h3 class="lista__item">TV</h3>
</li>
<li>
<img src="assets/computador.png" alt="icone de computador">
<h3 class="lista__item">Computadores</h3>
</li>
<li>
<img src="assets/celular.png" alt="icone de celular">
<h3 class="lista__item">Celular</h3>
</li>
</ul>
</section>
</section>
Perceba que na primeira seção não há o fechamento da tag, portanto a próxima seção continua englobada na seção anterior e devido a isso, os estilos aplicados a ela são aplicados também à segunda seção. Uma solução seria fechar a primeira seção antes de iniciar a próxima. Ficaria assim:
<section class="container secundario">
<img src="assets/Notebook.png" alt="Notebook com página do cruso HTML5 e CSS3 da Alura aberta" class="secundario__imagem">
<div class="container__descricao">
<h2 class="descricao__titulo">Baixe seus cursos</h2>
<p class="descricao__texto">Baixe e assista quando e onde quiser. Assim, seus favoritos estão sempre com você, até mesmo sem internet.</p>
</div>
</section>
<section class="dispositivos">
<h2 class="dispositivos__titulo"> Disponivel nos seus dispositivos favoritos</h2>
<ul class="dispositivos__lista">
<li>
<img src="assets/tv.png" alt="icone de televisao">
<h3 class="lista__item">TV</h3>
</li>
<li>
<img src="assets/computador.png" alt="icone de computador">
<h3 class="lista__item">Computadores</h3>
</li>
<li>
<img src="assets/celular.png" alt="icone de celular">
<h3 class="lista__item">Celular</h3>
</li>
</ul>
</section>
Espero ter ajudado. Caso tenha dúvidas, conte com o fórum. Abraços!
Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!
