Vamos a continuar con esta sección la parte de abajo tenemos nuestro blog y los testimoniales así que
vamos a abrir el HTML un poco de scroll.
Aquí tenemos esta sección vamos a crear las siguientes clases.
Vamos a ponerla aquí primero por fuera va a tener un Dib Dip Glas le vamos a poner sección inferior
para poderles seleccionar con CSS y un contenedor para centrarlo.
Este va a rodear todo cortamos va a rodear todo incluso los testimoniales así que antes del Führer pega
ese Dip este va a actuar como el selector o el padre de todos o de los dos.
Después esta clase de sección que está aquí va a tener un clase de blog para podernos seleccionar con
CSS y con eso está listo.
Aquí me hace falta por ejemplo ponerle Sección Sección clases testimoniales después ver que agregamos
un elemento padre para poder aplicar un poco de Flex Box y después un blog y testimoniales para poderlo
seleccionar con CSS.
Aquí sección inferior inferior esta forma y aquí vamos a seleccionar la sección inferior veremos este
código punto sección inferior vemos un display Flex guardamos cambios y abrimos el proyecto y el que
queda de esta forma se coloca Mitad y mitad.
Nuestro blog del lado izquierdo testimoniales del lado derecho se va viendo bien el siguiente paso es
que voy a colocar Estefi contén casi siempre puedes ver que cuando creas un grid o posicionas elementos
o no junto a otro estos dos electores van en casi todos si lo revisas cada uno de los elementos donde
lo tenemos hemos utilizado todos juntos después voy a poner aquí sección inferior punto blog y también
sección inferior inferior punto testimoniales y vamos a colocar aquí por ejemplo un Flex Basis la base
para el blog va a ser 60 por ciento va a ser un poco más grande y para lo que viene siendo testimonial
les va a hacer un poco más pequeño utilizamos Calc 40 por ciento menos dos para tener un poco más de
separación entonces puedes ver que este Código va a posicionar correctamente los elementos.
El blog toma 60 por ciento y el restante testimoniales toma 40 y lo posicionamos uno y luego el otro
similar.
Este código se va viendo bien el siguiente paso es bueno vamos a volver ahora sí a cada una de las entradas
de blog.
Abrir aquí índex y vamos a hacer algunos cambios por ejemplo aquí en el artículo cada uno de estos artículos
va a tener una clase para que compartan esa entrada blog y algo importante es que aquí voy a colocar
un nuevo dip que va a rodear la imagen entonces cortamos y pegamos aquí abajo también lo que viene haciendo
el texto va a tener un dip que va a el texto entrada entonces de nueva cuenta se utiliza un 10 porque
no puede ser un sexo no es un cambio de contenido es básicamente el mismo contenido aunque si tiene
el jevi se bajo un suponerle misma cuenta imagen.
La misma forma pegamos aquí y finalmente vamos a poner texto entrada de nueva cuenta vamos a utilizarlo
así porque vamos a aplicar un poco de Flex Books a entrada blog y recuerda Facebook va a afectar únicamente
el primer nivel que será imagen y texto entrada podemos guardar cambios voy a copiar de aquí porque
estaremos trabajando con este entonces voy a mover un poco más hacia arriba que sea más fácil de ver.
Moverlo un poco a poco hacia acá creo que se va a ver bien entrada blog y ponerle aquí display Flex.
Si guardas cambios puedes ver cómo se posicionan los elementos se va viendo bien y después vamos a poner
aquí de nueva cuenta Yo estoy contento Espais between y después vamos a colocar aquí entrada blog seleccionamos
la imagen y también la entrada blog y vamos a seleccionar el texto entrada.
Entonces estamos seleccionando entradas blog.
Primero la imagen para darle un ancho aquí vamos a seleccionar un poco o poner una base de Plex Box
y posicionarlo esta parte de aquí y después vamos a colocar o seleccionar el texto de la entrada para
darle también otro ancho.
Entonces Kieny Image vamos a poner Flex Basis de nueva cuenta un 40 por ciento eso va a ser un poco
más pequeño y lo que es la entrada del blog vamos a colocar Flex Basis ponemos Calc 60 por ciento menos
tres poco más de separación puedes ver que le da las bases a cada uno y tenemos la separación aquí se
posiciona correctamente los elementos tenemos el mismo problema que con los CAD.
Si recuerdas los jedis tenían un poco de margen.
Por lo tanto copio aquí y pongo texto entrada H3 margen cero para eliminarlo un poco hacia abajo puede
ser que lo cambió creo que si este era el H4 CH4 guardamos cambios que elimina lo que es el margen y
también puedes cambiar el interlineado puedes poner aquí un link Jaitt de digamos 1.12 hacerlo un poco
más pequeño o 1.e4 tú decides en realidad qué número crees que se ve bien.
Mi opinión creo que se ve bastante bien.
Ahora puedes ver que cada elemento está muy pegado con el otro.
Aquí tenemos la entrada del blog que es el artículo de cada uno es lo que separa a cada uno de ellos.
Puede ser que existan entrada de blog entrada de blog margin Boron sin Marien hacia abajo separación
con el siguiente elemento de dos Reem y eso nos da un poco de separación.
Ahora se inspecciona saquito código y lo seleccionas.
Puedes ver que la segunda entrada tiene esa franja anaranjada puedes seleccionar este código y ponerlo
aquí.
Last of Time para que seleccione el último y ponerla en marcha en Boron Zero.
Y eso va a eliminar esa franja en la parte inferior.