Solucionado
Buenas! Tengo una consulta, cuando borro el main del CSS:
main{ width: 940px; margin: 0 auto; }
La página "Contacto" queda al borde de la pantalla, pero si dejo el main el gradiente de la página "Home" queda de esta manera:
Quería saber que se puede hacer en estos casos, gracias!
¡Hola Camila!
Gracias por compartir tu duda con nosotros.
En este caso, una solución sería aplicar el estilo del main solo a las secciones específicas en las que deseas que se aplique. Por ejemplo, puedes agregar una clase a las secciones que deben tener el estilo del main y aplicar el estilo solo a esas clases. Aquí tienes un ejemplo:
main .seccion-principal {
width: 940px;
margin: 0 auto;
}
En tu HTML, asegúrate de agregar la clase "seccion-principal" a las secciones que deben tener el estilo del main:
<main>
<section class="seccion-principal">
<!-- Contenido de la sección principal -->
</section>
<section>
<!-- Otras secciones -->
</section>
</main>
De esta manera, el estilo del main se aplicará solo a las secciones que tengan la clase "seccion-principal", y las demás secciones no se verán afectadas.
¡Saludos!
Muchas gracias!!