De mi parte estoy contento con cómo se ve el diseño.
Creo que se ve bastante bien que tengamos una imagen así de grande pero tal vez te gustaría ver que
quizá el diseño final tal vez te gustaría tener imágenes más pequeñas y el contenido a un lado veamos
cómo hacerlo.
Caso de que así quieras que sea tu diseño poner aquí opcional porque nada más lo voy a poner de esta
forma y lo continuamos viendo como práctica.
Puedes ver que tenemos por ejemplo una entrada de blog un poco de scroll el que tenemos entrada de blog
esto es como un componente por sí solo por eso lo creamos así su entrada blog y ponemos display Flex
y ellos The Voice content space between Xerais between bordamos cambia poder que se posiciona de esta
forma.
Vamos a continuar vamos a darle un poco más de estilo.
Puedes ver que tenemos esta imagen en este contenido blog Por eso fue que las creé tenemos aquí entrada
blog y luego la imagen y entrada blog y el contenido blog o el contenido o mejor dicho de la entrada.
Pero bueno contenido blog está bien.
Aquí vamos a poner un flex cero cero y su base va a ser de 40 por ciento aquí abajo más con el flex
cero cero y con el CAC 60 por ciento menos dos Rubem para tener un poco de separación entre la imagen
y el texto que se ve de esta forma.
Aquí queda como un poco desbalanceado y lo que viene siendo los encabezados si recuerdas anteriormente
ya habíamos creado una utilidad para eliminar el margen por lo tanto seleccionamos este H3 que está
aquí por ejemplo comande Komander dos veces y ponemos Clas no margin y eso eliminar el marginen.
De esta forma puede ser que en algunos casos quieras un diseño de blog que de esta forma es muy común
que los tengas o que tengas algo así se ve se ve bien y ser que responsivo se ve bastante bien cruzó
el móvil entonces en mi caso puedes ver lo sencillo que fue lograr en mi caso esto de aquí no lo quiero.
Siendo honestos me gustó mucho cómo se ven las imágenes grandes pero por ejemplo aquí le ponemos un
margen Boron de dos Rahim Un poco de separación abajo y un border Boron hicieron una línea abajo de
cada entrada Solid 1 1 1 entonces abrimos el proyecto y puedes ver que tenemos esta línea aquí.
Ahora esta línea de aquí nos va a servir como separador entre cada una de las entradas muchos sitios
están así pero el último por ejemplo no me gustaría que lo tuviera.
No hay nada que separar si es el último por lo tanto entradas blog Last of Taipe y border como non para
que elimine la línea en el último selector.
Pues es que se elimina y se ve bastante bien va quedando bastante bien en realidad de diseño falta lo
que es el botón pero lo dejaremos para un video posterior en el siguiente video vamos a trabajar con
la parte de los talleres puedes ver que tenemos el texto de esta forma así que veamos cómo hacerlo en
el siguiente video.