Vamos a darle un poco de estilos a nuestra barra que hemos creado.
Primero vamos a agregar algunos estilos un poco más globales como este contenedor este contenedor los
estamos utilizando en la barra en el contenido principal etcétera va a estar en muchos lados así que
siempre me gusta colocarlos un poco más arriba y ponerles algo así como nombres como globales algo así
estos son como los que aplican para todo el sitio así como este H2 que ya hemos creado xk vamos a hacerlo
100 por ciento responsivo este diseño vamos a usar móvil fears así que ponemos el contenedor y en este
caso vamos a a ponerle aquí un Wick del 95 por ciento y Margie en cero auto cuando estemos en un dispositivo
pequeño tomará el 95 por ciento para que no se expanda totalmente a la orilla del navegador y aquí vamos
a poner arroba media only screen and Minguito a a declarar tres Miri Aquaris que son como los más estándares
que te vas a encontrar 480 píxeles 768 píxeles y 992 píxeles vamos a copiar este pegar y cuando estabas
en un teléfono un poco más más grande como el de 480 vamos a ponerle aquí.
Vas a poner el 98.
No todo pero tampoco tan pequeño.
95 en 768 píxeles vamos a poner el 90 y por último en 992 píxeles vamos a ponerle 1100 aquí si iba a
ser con píxeles
igual aquí podría ser que volvamos a ponerle el 90 por ciento.
Vamos a dejarlo así igual.
La ventaja es que podemos volver y cambiar un poco más adelante recargo que se ve de esta forma abajo
en el contenedor se va haciendo más pequeño va a ir cambiándose según los Aquaris
nos ponen como Max width de 1100 píxeles para que no se vea tan a la orilla.
Si eso crea nuestros contenedores este video va a ser un poco más corto.
Vamos a poner un comentario que diga barra y vamos a ponerlo aquí.
El color de fondo de esta barra y damos clic aquí.
Copiamos
Y un tip un Tobarra y ponemos un background color y es 35 35 y 35.
Se repite tres veces
ya es que un poco de paz y 20 píxeles y cero cuatro cambios y recargo y no es que se vea esta forma
puedes ver que luego se ve como un poco muy grande a comparación de este.
Y falta acomodar la navegación.
Sin embargo eso lo vamos a ver en el siguiente video van a ser un poco más cortos.
Pero puedes ver que este diseño ya está comenzando a tomar forma.