Vamos a continuar trabajando con este diseño.
Aquí podemos ver que el logo estaba un poco más grande.
Vamos a darle unos cuantos estilos.
Primero recuerda estos móbil fieles le ponemos de logo ponemos un Wit de un 80 por ciento guardo cambios
recargo y cuando estos temas pequeño el logo va a tomar di logo y MG recargo y esto va a tomar el 80
por ciento del diseño.
Lo malo es que puedes ver que cuando esté más grande sigue tomando el 80.
Vamos a ponerlo en media QWERTY media only lo podemos copiar para no escribirlo todo
y lo vamos a poner a 768 copió este selector pego y en este caso quiero que mida 33 por ciento esto
va aplicar tanto para el MG como para para el Dip y logo que no podemos dejar de bloqueo 80.
Vamos a eliminar esto
y que sea el 33 y ponerle Dip y logo y mg 100 por ciento para que tome el 100 por ciento del padrón.
Entonces creo que esa forma nos ahorraríamos un poco más de código.
Puedes ver que cuando estemos en un tamaño grande o 338 pixeles será el 33 por ciento más o menos se
ve bien y si lo hacemos más pequeño.
Llegado a este punto tomará el 80 por ciento y tal vez diga que va a haber aquí porque este espacio
ahí vamos a poner el menudo móvil que hemos creado.
Sin embargo primero necesitamos.
Primero necesitamos quitar a este menú principal y normalmente ese tipo de menús se ocultan y se muestran
con CSS y +40 aquí hacemos aquí navegación principal y vamos a poner el tip navegación principal y como
es móvil Fires le ponemos display Naum para después mostrarlo cuando estemos en este tamaño de fuente
aquí tenemos 33 así que le podemos poner un widget.
Veamos vamos a poner un UIT-T de 30 60 y 6.6 por ciento para que tome el restante.
Bueno pues bueno 67 por ciento y aquí vamos a poner también un float Ebright para ponerle un float Leff.
Así el menú será la izquierda y la navegación del lado derecho.
Si guardo cambios el recargo vamos a ver qué falla y se ve de una forma mal es porque ya le hemos puesto
los floods con un click Fix recargo y vemos que mejora otra vez nuestro diseño que tenemos flat Rivas
por el arquitecto Halim right para que nos ponga todo este contenido del lado derecho y nos haría falta
un display Block porque X debe y debe ser una menos que aparece así un poco mejor y cuando estamos en
pequeño ese menú no debe de estar es nada aquí entonces el menú principal no está y cuando lo hacemos
más grande aquí debe de aparecer nos hace falta un display Block para que aparezca el menú
y si hay algo más pequeño desaparece el logo más grande aparece.
Vamos a finalizar este menú y vamos a ponerle lo que vienen siendo los valores para que se vea como
éste que tenemos aquí y vamos a hacerlo aquí en esta parte de afuera a pesar de que va a estar en display
non creo que va a ser más fácil principal a porque a pesar de que no se va a ver el menú esto sí se
van a ver de alguna u otra forma vamos a poner aquí font family y estaremos utilizando la fuente de
Oswalt y vamos a buscarla.
Oswalt que tenemos el H2O es un poco de escorar hacia abajo.
Volvemos y lo pegamos y
también nos ponemos el color blanco.
Guardo cambio y recargo sabiendo de esta forma falta ser el el texto un poco más grande en mayúsculas
sin la decoración etcétera.
Vamos a continuarás con el iPhone 6 de un
recargamos
y tal vez 1.6
creo que queda muy grande.
1.3 creo que se va a ver bien.
Ok se ve bien.
Text Transform o Keys text correction para remover la linea inferior.
De esta forma nos hace falta tener un poco de separación en cada uno de ellos.
Eso lo vamos a hacer en el mini Aquaris copió esto y lo pego aquí.
Y lo vas a poner márgen right de 10 píxeles tener un poco de separación.
Sin embargo también puedes notar que que este no está muy alineado no los enlaces deberían estar más
alineados al centro del logo vamos a ponerle también un link de 40 píxeles a cargo y eso va a darnos
un poco más de centrados un poco más
y no tanto.
Esto lo podría también ayudar a centrar.
Otra opción es ponerle un Padín Padín de 10 píxeles y 20 píxeles guardar cambios y recargar.
Eso nos va a hacer como que el botón también sea un poco más grande y un poco de
espacio.
Esto va a ser un un poco más grande.
No hace falta poner un display in Block para que tome efectos igual aquí creo que hace falta ya muy
grande.
Creo que hoy en día se ve bien.
Si se va viendo bien un poco separado tal vez por esto Pardines mucho 10 20 que nos hace falta también
como la parte de que cuando hagamos Joubert no se vea un poco distinto podemos hacerlo aquí en global
copiamos esto y lo pegamos aquí Jover y vamos a ponerle el mismo color naranja de fondo.
Vamos a seleccionar este color.
F 49 18 ponemos un Bagram color de F.
49 18 y recargamos y se va a ver esta forma el marrón se ve así como muy muy sencillo no podemos poner
la quiene en la linea 226 una transición y esto es la sintaxis de la transición.
Luego le pones qué quieres que haga transición de momento para poner al.
Para no evitarnos problemas y luego le pones la duración punto 3 segundos y luego el efecto ya hay varios
para elegir que es el más sencillo recargo y vemos que hace ese efecto como de como de Fait vino degradado.
Si la quieres incrementarlo puedes poner un poco más
y creo que se veía un poco mejor.
Aunque hay algo que nos hace falta el último podemos ver que es un poco distinto así que podemos copiar
éste y pegarlo aquí y ponerle Last Child y queremos que la sal tenga un Border de 2 píxeles Solid y
el mismo color naranja que tenemos en los anteriores vamos a guardar cambios de recargar y saber de
esta forma y este también debe tener el color del mismo naranja que estamos utilizando pues Verloc se
ve un poco mejor.
Cuando llegamos a ver vemos que se pierde así que tendríamos que poner las Chinguel de nuevo las Chaile
Jover y vemos que tenemos aquí el saludo selector dos veces no hay problema color blanco recargamos
y vemos que ahora sí se ve correcto el menú.
Si esto es algo pequeño vemos que desaparece.
No hemos trabajado con esta parte de los españoles vamos a hacerlo en el siguiente vídeo para estar
cerca de finalizar este menú móvil.