Continuamos este proyecto y en este vamos a trabajar con el menú que tenemos aquí.
Vamos a abrir nuestro editor de nuevo que tenemos esta clase que es el menú programa.
Volvemos al menú programa y le vamos a poner aquí un ancho del 100 por ciento.
Para empezar quiero poner un border Boron on Border abajo de un píxel Solid y quiero el mismo color
naranja que hemos utilizado durante todo el diseño.
Pegamos y vamos a guardar cambios y ver cómo se ve tenemos que poner esta línea bajo sin embargo no
se nota como poner un poco de página abajo para que hay un poco de separación.
Padín Boron hay 10 píxeles en poco de separación aquí y se va viendo mejor.
Vamos a darle estilos a los enlaces.
Lo programa a todos los enlaces y vamos a poner un display Block esto va a ser para la parte móvil que
estén todos horizontalmente.
Ponemos un texto a encender este se iba a aplicar para todo el color será negro.
Y creo que puse una además si entre le ponemos Tais Declaration.
Ya para eliminar esta línea recargamos que se ve de esta forma esto va a ser para la parte móvil cuando
esté más o menos así
y le vamos a poner el FOM Family va a ser la fuente de Oswalt copiarla y vamos a volver a menú programa
picamos aquí recargamos de esta forma y por último vamos a ponerle un margen Boron de 10 píxeles para
que un poco de separación aquí entre cada uno de ellos ok creo que se ve bien se ve bastante bien.
Igual como dije cuando haces en conferencia se van a ver las conferencias cuando estemos en la parte
de QWERTY veremos cómo lograr ese efecto.
Aquí está tomando el 100 por ciento cada uno de los enlaces.
Queremos que la parte de escritorio tomen o se divida en tres.
Hay una forma muy fácil de hacerlo y eso es con CSS vamos a crear un acuerdo aquí y lo pegamos hace
ponerlo aquí.
Nab menú programa y vas a ponerle un display Peibbol display tebana nos va aplicar cuando estamos en
768 píxeles y los enlaces van a tener también su propio media query de momento están display Blok.
Cuando estemos en esta tamaño quiero aplicarle un display de bushel con cambios y recargo y vemos que
con el display volitivo se ve de esta forma.
Si lo hago pequeño se ve en vertical estamos cerca y si vemos el diseño vamos a ver que tenemos estos
iconos en color naranja y el texto en color negro.
Aquí tenemos el texto negro pero no tenemos los iconos en naranja además de que le falta un poco de
tamaño y vamos a ponerlo aquí.
Un iPhone 6 No.2 y recargamos se ve bien.
Y por último vas a poner denak menú programa.
Ah.
Y luego y aquí vamos a ponerle el color.
El color sería el mismo naranja que hemos estado poniendo en todo el diseño.
Recargamos se ve de esta forma y vamos a hacerlo un poco más grande Fonz 6 2 mm cargamos y creo que
sea un poco grande tal vez 1.8 creo que se ve bien
un poco menos tal vez 1.6 recargamos y creo que se ve bien y vamos a ponerle un margen Ray de 10 píxeles
recargamos y un poco más de separación en esta parte así que en el siguiente vídeo vamos a trabajar
con la descripción del evento para finalizar esta sección.