Tengo una duda en cuanto a la parte de flexbox.
Cuando comienza con la parte responsiva, no entiendo por qué vuelve a colocar las clases .headerPrincipal .container y .headerPrincipal-nav O sea, repite las clases para hacer las adaptaciones para movil. No convendría colocar las modificaciones en las clases que ya están escritas, sin necesidad de volver a llamar las clases?
Gracias
Hola Mariana ¿cómo estás? Deseo que bien. El profesor vuelve a utilizar las clases .headerPrincipal .container y .headerPrincipal-nav solo para pisar los estilos que había definido previamente. Esto lo hace ya que hasta este punto no ha introducido las sentencias media queries, las cuales permiten dar verdaderamente los estilos a los elementos HTML dependiendo del tamaño del viewport del navegador (Tamaño de pantalla).
Ejemplo de esto sería lo siguiente:
@media (max-width: 768px) {
.headerPrincipal .container {
flex-direction: column;
}
}
@media (max-width: 480px) {
.headerPrincipal-nav {
flex-direction: column;
width: 90vw;
text-align: center;
}
}