Vamos a comenzar este diseño y vamos a primer paso puede ser que tenemos una fuente diferente vamos
a estar utilizando una fuente de Google Fonts estaremos utilizando un par de Google Elephants y vamos
a utilizar una fuente que se llama Pete Sands y esta primera de aquí la eléctrica en el signo demàs
y también una que se llama Open Sans Open Sans y eso está aquí así queda eléctrico también en esta parte.
El siguiente paso damos clic aquí abajo y vamos a personalizar en costo Mañes y la que viene siendo
pensamos regular 400 está bien.
Pete Sánz está la quiero también regular y en Boldt es que me cargue dos tipos de fuentes y copiamos
la ciudad aquí así que vamos a abrir índex y antes de nuestra hoja de estilos vamos a pegar las fuentes
de Google Fonts siguiente paso es vamos a agregar normal y vimos las ventajas de normalismo y este nos
va a resetear todo el HTML.
Por lo tanto vamos a utilizarlo aquí en CSS Nueva Carpeta normada es puntos CSS y lo pegamos todo esto
y hay que agregar la hoja de estilo por lo tanto copió esta línea de aquí pego y pongo normal.
Después vamos a agregar el snippets de Pall Heydrich recuerda.
Va a ser que lo que viene haciendo el país se le agregas o mejor dicho si tienes sólo elemento de defines
un ancho de determinado tamaño le agrega espadín no va a afectar por lo tanto vamos a pegarlo de nueva
cuenta estaremos utilizando REMS es decir estaremos utilizando nuestro pequeño Jack por así decirlo
ponemos aquí un Foncillas bonsais y vamos a poner 62.5 por ciento 6 2.5 por ciento y esto recuerda va
a ser un Reem igual a 10 pixeles.
De esta forma seguimos pensando en pixeles pero estamos utilizando ranks que son mucho mejores para
un dispositivo móvil.
Después vamos a colocar aquí un selector para todo el body body y el primer paso voy a agregar aquí.
Aquí viene siendo este texto aquí a cargar o pensamos todos los body y todo el body va a tener pensantes
los textos por default van a ser 1.6 RAAM decir 16 pixeles y un link es decir un interlineado de dos
y de nueva cuenta vamos a tener una serie de selectores globales que ellos incluyen por ejemplo el contenedor
en el que Max Willett de 1200 píxeles y margen cero auto como vimos anteriormente el mismo contenedor
y por ejemplo todos los H1 H2 H3 y H4 van a obtener una fuente la misma fuente que es la otra fuente
que hemos cargado Texans ahora puede ser que por ejemplo que de esta forma también puedes ponerlo así
en algunos casos cuando solamente aplicas un CSS de esta forma también se ve bien.
Mi opinión es dejarla como tu dices y vamos a agregar nuestro sistema de fuentes H1 bonsais laser 4.8
Reem bastante grande H2 Foncillas 4 Reem el H3 va a tener un Foncillas de 3.2 Reem que va haciéndose
más pequeña por .8 pero esta no esta última no va a ser así.
Bonsais 2.8 es decir 28 pixeles y también va a agregar y M.G. Max with 100 por ciento si recuerdas esta
es la que utilizamos para que las imagenes se adapten en su contenedor y van a crear utilidades y de
momento voy a cargar una utilidad que vimos como centrar texto basicamente estoy agregando lo mismo
que hemos agregado en proyectos anteriores nada es nuevo o mejor dicho el proyecto anterior porque solamente
llevamos uno.
Nada es nuevo como mencioné anteriormente en el siguiente video vamos a comenzar con el código HTML.
Si vemos el diseño puedes ver que es un poco más sencillo que el anterior o es bastante similar en algunas
cosas a cerrar estos enlaces de aquí.
Así que vamos a comenzar con este proyecto en el siguiente vídeo.