El día de hoy estuve repasando, y al utilizar la etiqueta main, se descontrola tambien la de productos (ya que se utiliza la misma hoja de estilos css en ambas paginas)
Solucionado
El día de hoy estuve repasando, y al utilizar la etiqueta main, se descontrola tambien la de productos (ya que se utiliza la misma hoja de estilos css en ambas paginas)
¡Hola Esaú!
Entiendo que estás teniendo problemas con el uso del selector main en CSS y cómo afecta a la página de productos.
El selector main se utiliza para identificar el contenido principal de una página, por lo que es importante utilizarlo correctamente. Si estás utilizando la misma hoja de estilos para ambas páginas, es posible que el estilo que estás aplicando en main también se esté aplicando a la página de productos, lo que puede estar causando el problema que mencionas.
Para solucionar esto, te sugiero que agregues una clase específica a la etiqueta main en la página que estás trabajando, por ejemplo: <main class="pagina-principal">. Luego, en tu hoja de estilos, puedes aplicar los estilos específicos para esa página utilizando la clase que acabas de agregar. De esta manera, los estilos que apliques en main no afectarán a la página de productos.
Espero que esta sugerencia te sea útil. ¡Si tienes alguna otra duda, no dudes en preguntar!