Vamos a comenzar el diseño de los botones y por ejemplo si lo haces pequeño puede ser que los botones
toman todo el espacio disponible.
Eso haciendo más fácil que el usuario pueda dar clic o presionar los enlaces y los botones.
Y ya cuando estamos en un dispositivo más grande tenemos acceso al mouse y no es necesario un botón
tan grande así que veamos cómo hacerlo con el scroll.
Aquí vamos a ponerle antes del Gerez después de utilidades Botones botones estaforma primer paso vamos
a ver cómo se ven en pequeño por lo tanto vaya ser más pequeño esta parte iba a quedar más o menos en
este tamaño.
Creo que está bien.
Entonces tenemos que crear selectores para botón y botón primario que es el color negro y botón secundario
que es el botón café vamos a poner aquí en el primario background color puede ser en hexadecimal por
ceros o también color Black y el secundario a tener un gran color hexadecimal también 7 8 4 de 3 se
un color café.
De esta forma primer paso vamos a hacer que los botones crezcan tomen todo el espacio disponible.
Display Block nos va a permitir lograrlo se forma.
El texto debe estar centrado Tex aligncenter un poco de Pallín para hacerlos más alto por lo tanto Padín
un RAAM y tres Reem un poco de margen arriba digamos margin top 2.
Son 20 píxeles el color del texto color blanco.
Vamos a remover la línea text Creation non vamos a cambiar la fuente Font Family Fun Family Pathé sans
serif para que nos permita aplicarle el fondo de 700 y vemos que sacando esta forma también las mayúsculas
para no tener que escribirlas yo.
Text Transform o percas y la fuente un poco más grande con un iPhone 6 digamos de RAM.
Los botones mucho más grandes y el que se aplica tanto este botón como de aquí ahora.
Esto hace que se vea bien en el móvil móvil first pero si lo hacemos grandes puedes ver que se quedan
grandes por lo tanto nuestro atajo mide Cuadri MQ y digamos 480 píxeles
y aquí vamos a ponerle detiene y en lugar de display Bloc quería que tome todo el espacio.
Display Bloc y de esa forma el ancho va a ser definido por medio del par y guardamos cambio si el que
queda de esta forma y puedes ver que por ejemplo queda muy pegado uno con otro entonces el margen va
a ser aquí ágil y ponemos dos remisero un poco de margen abajo como quedan nuestros botones se ven bastante
bien y también estos aquí y si lo hacemos pequeño puedes ver que los botones se van a mostrar de todo
el tamaño que haya disponible dependiendo de cuánto específica es aquí digamos.
Tal vez un poco más grande 600 píxeles si bien no era un tamaño como vimos anteriormente de los estándares.
Tú decides en qué tamaño debe aplicarse.
Mira Cuadri lo que se ve bastante bien tal vez aquí por ejemplo podríamos hacerlo 7 6 8 ser más consistentes
con lo que tenemos creo yo que se ve bastante bien.
Me gusta mucho cómo está quedando se va viendo bastante bien.
Siguiente paso si vemos nuestro diseño final puedes ver que nos hace falta lo que es el furor así que
vamos a trabajar con esta sección en el siguiente video.