Vamos a describir el CSS para esta parte.
Puedes ver que creó una lista aquí 1 L y normal en casi todas las listas.
Estaré removiendo el margen el papel las bolitas los Bullets que quienen.
Así que de una vez voy a ponerlo aquí como a todos los cueles y le pongo lista el non Marien cero y
Pallín Zero.
Así me ahorraría algunas líneas de código para futuras listas que agrega este proyecto vamos a escribir
un poco de estilos para nuestros invitados tal vez los dividíamos en dos vídeos para explicar algunas
cosas soy un poco de scroll y aquí ponemos invitados.
Primero vamos a ir aquí a la lista de invitados.
Vamos que es un honor de lista ponemos o l lista invitados y la vamos a poner en Padín diez píxeles
y ser L'Illa para los enlaces diez píxeles y los flotamos a la izquierda qué tanto lo vamos a flotar
a la izquierda.
Bueno sólo podemos hacernos media Aquaris acomodada a esta forma y aquí podemos poner la arroba media
only Skyrim.
Minuit y vamos a poner aquí primero 480 píxeles para cuando estemos en un teléfono móvil se vean 2 por
línea y reponemos y width 50 por ciento cambios y recargo y cuando estemos en un dispositivo móvil se
verán 2 ahorita todavía no funciona como queramos o no sé copiar y pegarlo y aquí va a ser 7 6 8 y en
el ancho va a ser 33.3 por ciento así que aquí serán 3 y serán 2
ok.
Vamos a continuar y vamos como puedes ver aquí en el diseño tendremos la imagen y encima tendremos el
texto así que hace lógica que este invitado esté como posición relativa y el párrafo esté como posición
absoluta para posicionarlo exactamente donde queremos primero vamos a ponerle aquí Dir. invitado vamos
a perder posición relativa y vamos a ponerle un overflow given también para en caso de que algo se salga
no se muestre.
Puede ser que al darle overflow giren las imágenes se cortan.
Así que ponemos de invitado y Emecé y le ponemos un Max Wit del 100 por ciento.
De esta forma vamos a posicionar ese párrafo y vamos a ponerle Dib invitado.
P Y le vamos a poner posición absoluta y le ponemos un botón cero.
Leff cero también guardo cámbiese recargo y esto lo va a posicionar de esta forma más o menos parecido
a lo que estamos buscando vamos a ponerlo aquí.
Padín para que no quede tan separado 15 píxeles y 10 píxeles recargo y vemos que nos agrega un poco
de separación.
Bueno aquí creo que lo agregó además es porque tiene algunos márgenes y se los podemos quitar el margen
cero y recargamos se va a ver mejor puedes ver que en el diseño tenemos este color gris y se ve como
transparente.
Así que podemos seleccionar este color copiarlo y tres F3 F3 F y podemos hacerlo más bien con el RGB
63 63 63 o utilizar un negro con una transparencia mayor cualquiera de las dos opciones es correcta.
Vamos a poner aquí por ejemplo Bagram color RGB a poner de cero cero cero y 1.55 vamos a ponerlo aquí.
Cuarto cambio si recargo y vemos que se ve de esta forma más o menos el resultado es bueno.
Sin embargo le falta un poco de trabajo vamos a poner aquí un width a un ancho del 100 por ciento para
que tome todo el espacio disponible porque debido a que usamos el posición absoluta el párrafo nada
más tomar el espacio que tenga el contenido al haberle agregado el 100 por ciento vemos que el texto
se queda centrado así que le ponemos texto Line Leff y recordarían y vemos que se ve mejor estamos cerca
y quiero utilizar la fuente de Oswalt.
De nuevo la fuente me gusta y buscamos de invitado y aquí le ponemos font family recargamos y se va
viendo mejor falta el color de la fuente que es este color naranja así que copiamos este color y ponemos
el color naranja de esta forma en nuestro diseño las letras son en mayúsculas así que ponemos Tex Transform
o Harkaitz y con eso vamos a finalizar esta parte creo yo que se ve bien y que el resultado es bueno.
Pero puedes ver que nuestro diseño las imágenes son en blanco y negro y están a colores.
Vamos en el siguiente vídeo a ver cómo corregir eso quiero que cuando las imágenes estén así se vean
en blanco o negro y cuando viajo a ver se vean a color.
Vamos a ver cómo lograr eso en el vídeo que viene.