[Angel Sánchez]

Aquí el problema y explicación:

En el curso para darle el fondo negro a todas las secciones usamos lo siguiente:

section{
    background: #000000;
}

Y más abajo del código CSS, usamos los siguiente para decir que la sección cabecera no tiene fondo:

.cabecera{
    background:none;
}

¿Porque funciona esto?

El navegador interpreta el código de arriba para abajo, y le da prioridad a lo último leído. En el ejemplo primero ve que la sección cabecera tiene fondo negro, pero más abajo lee que la sección cabecera no debe de tener fondo (esto se puede hacer ya que es la misma propiedad: background). Y por eso no se queda en negro y se puede ver la imagen de cover.

¿Porque no te funciona a ti?

Tu tienes diferente el código a como se ve en clase, para darle fondo negro a las secciones usas esto:

section{
    background-color: black;
}

Y más abajo si dejas el código como se ve en clase:

.cabecera{
    background:none;
}

background-color y background son propiedades CSS diferentes. La propiedad background-color se utiliza para establecer el color de fondo de un elemento, mientras que la propiedad background es una propiedad abreviada que se puede usar para establecer todas las propiedades de fondo de un elemento de manera más concisa.

Si tienes dos reglas CSS que afectan al mismo elemento y una de ellas especifica un color de fondo y la otra específica none, entonces el color de fondo seguirá siendo visible. Esto se debe a que la regla con el valor none no está anulando la regla del color de fondo, sino que simplemente está indicando que no hay ningún elemento de fondo especificado.

Otras recomendaciones:

Tambien veo que tienes tus clases CSS como “descarga tus series” estas no deben de tener espacio.

No tiene nada de malo que no hagas exactamente igual todo lo del curso, solo ten cuidado de ser consciente de que cambios estas haciendo diferentes, para que cuando tengas un problema puedas ir primero a verificar esos cambios realizados por ti.

¡Saludos!