Al igual que elementos anteriores hemos creado más bien tenemos nuestros testimoniales están en tres.
Queremos que cuando estemos en tableta o en escritorio se vean tres cosas estamos en el teléfono de
uno solo.
Vamos a crear aquí un poco más de contenido antes de testimonial.
Ponemos un chip que diga testimoniales contenedor y Cliffy feeds y cerramos este último testimonial
aquí ponemos el libro de cierre.
También podemos abrir nuestro mail puntos CSS y copiar por ejemplo este comentario que diga aquí testimoniales
y comenzar a escribir los estilos pargos testimoniales.
Vamos a dividir este video en dos para no hacer videos tan largos primero es que tenemos DIV testimoniales
y testimoniales la parte que rodea todo es de aquí.
Así que qué le vamos a poner un Padín abajo de 20 píxeles y guardo cambio si recargo un poco de separación
aquí abajo nada más ponemos un testimonial que vendría siendo el individual cada uno de ellos.
Cada testimonio de cinco píxeles Badín cinco píxeles vamos a continuar y vamos a escribir con mi cuerina.
Sin embargo lo voy a copiar de los que tengo para no volverlo a escribir todo y lo pego aquí abajo y
voy a utilizar el mismo selector testimonial.
Esto para alinearlo ha sido en tres columnas flat left y un White 33.3 por ciento para que tome el 100
por ciento y se coloque en uno frente al otro ya tenemos el Cliffy aquí así que no hay de qué preocuparse.
Vamos ahora con los estilos del block.
De momento nada más tenemos uno así que no hay problema puedes ponerle directamente block 4.
Si tuvieras varios pues lo ideal sería colocarle alguna clase o algo que diferencie uno del otro.
Puedes ver que el bloque completo tiene un fondo blanco y tiene el borde gris etcétera.
Que quieres ponemos Markram color y un color blanco y el Border pixel Solid y el color es 1 1 1 y guardo
cambio si Recaro que se ve bien no perfecto pero se ve aceptable.
Vas a poner aquí un posición relativa a qué posición haremos un elemento un poco más adelante en absoluto
margen le ponemos ser pixeles arriba o abajo a la derecha 10 píxeles abajo y cero a la izquierda y recargamos
y ahora tenemos un poco más de espacio eso porque el bloqueo tenía más margen no nos dejaba mucho espacio
para trabajar.
Sin Verbier tenemos equipado un botón de 20 píxeles un poco de espacio en la parte inferior y vamos
que se ve que se ve bien nuestro diseño si vemos el
nuestro diseño ponemos estas comillas y tenemos este párrafo etcétera.
Vamos a trabajar con lo que viene siendo el párrafo y vamos a posicionarnos aquí no nos Blok.
P Tenemos el bloqueo otros tres párrafos y le vas a poner un texto a la Leff.
De momento está centrado así que Leff para que se ponga el texto hacia la izquierda.
Y a quién no lo está haciendo.
Sí es porque está selector de arriba un poco más grande y le pasa a Kim importante.
Pero es que no los coloq. De esta forma le ponemos un Ponsa es un
recargamos tal vez un poco menos .8 EMM
y creo que también va a haber otro que está haciendo ahora un poco más pesado si de 1.2 m me importan
también queremos que el texto sea un poco más pequeño así que lo que se va viendo mejor vamos a corregir
este detalle de que el texto llega hasta la orilla por eso pusimos la pusimos la posición relativa aquí
siguiente vamos a a ponerle Font Family y estamos usando la fuente de espeté Sans Comas.
En serio.
Y vamos a poner un par de 00:20 pixeles ceros de 25 pixeles recargamos y que se va quedando de esta
forma puedes ver quisquilla queda un espacio un poco más grande para esta comilla
igual.
Si quieres podrías ponerlo aquí en vez de en texanas en LEF o en Justified.
Creo que va bien con los con este tipo de contenido.
Y vamos a utilizar un pseudo selector.
Vamos a copiar este satirizar before Akemi for o antes del párrafo quiero colocar esta comilla y la
voy a utilizar con un pseudo selector.
Así que le ponemos aquí content igual que como usamos en el anterior en anteriores vídeos este contén
para imprimir esta fuente.
También hay una para imprimir esa comilla y es con devanado invertida aquí 201 se lo vamos a poner en
posición absoluta y lo vamos a poner un Leff de 13 píxeles un tope de menos 6 píxeles Infosys Cherem
que será una grande muy grande margin cero porque lo normal en Margin Padín 0 y la de 1 y por último
el color naranja que es el que tenemos a lo largo de todo el curso.
Y guardo cambio 0 el cargo que queda la comilla ahí se ve un poco muy arriba.
Tal vez aquí en vez de ser menos es 0 haya quedado bien
recargo que se ve mejor y esto está comilla se imprime en este Content y gracias a la posición absoluta
porque le dimos relativa al Bloque 4 podemos posicionarla en el lugar exacto donde queríamos a creo
que le falta no poder ser un 5 pixeles más 8 píxeles creo que se ve bastante bien se ve bien como un
testimoniada al real y bueno en el siguiente vídeo analizaremos con esta parte inferior estamos cerca
sin embargo aún falta un poco de CSS y para no ser un video más largo en el siguiente vídeo lo vamos
a finalizar.