Solo viendo bastante bien nuestro diseño y vamos a continuar ahora con esta parte que dice Casas y de
paso en venta Sammir en HTML y un poco de scroll entonces es que llegamos así a esta parte.
Ahora que tenemos este HD2 podemos poner un Clas y se recuerda que damos dos clases de Way 300 y también
centrar texto si guardamos cambios abrimos el proyecto y que se utilizan las clases o se reutilizan.
También puede ser que tenemos que colocar esto dentro del contenedor Clas y ponemos lo que viene siendo
una sección nueva cuenta y también un contenedor se va a centrar el contenido y se va a ir viendo mucho
mejor.
Siguiente paso puedes ver que cada uno de estos elementos tiene este diseño en especial es muy común
ver un diseño de este tipo se le conocen muchas veces como kart o karts existen en muchos frameworks
así que veamos cómo hacerlos primero de nueva cuenta para posicionar cada elemento vamos a crear un
tipo div class y vamos a nombrarlo contenedor anuncios esto para poder aplicar flexivos recuerda solamente
se aplica al primer nivel de hijos y vamos a seleccionar todos estos tips.
Intentar un poco y pegarlo aquí como el cierre de este día.
Ahora también cada uno de estos tips que tenemos aquí que no tenían clase van a tener una clase llamada
anuncio Class llamada anunció finalmente puedes ver que cada una de estas tenemos las imágenes y después
los textos tenemos la imagen aquí pero todos los textos los vamos a poner dentro de un llamado contenido
anuncio para poder aplicar un poco de CSS.
Cortamos aquí y lo pegamos y vamos a intentar un poco el código lo mismo con los demás o de copiar está
aquí a quienes antes de H3 corto pego e intentamos esta forma y vamos a colocar este aquí pegamos aquí
de nueva cuenta cortamos pegamos e intentamos.
De esta forma queda la nueva estructura para la sección de anuncios y casas de En venta salida de esta
es usar un poco de scroll y de nueva cuenta un comentario más que va a decir aquí anuncios
y vamos a seleccionar lo que viene siendo el padre de todos.
Aquí contenedora anuncios de nueva cuenta vamos a aplicar Flex Books cada quien Display y vamos a habilitar
Flex Box display Flex entonces guardamos cambios abrimos el proyecto y puede ser que se de esta forma.
Queda este scroll hacia los lados pero eso pasa porque las imágenes son muy grandes en realidad tenemos
que hacer estos elementos más pequeños igual que como hicimos aquí arriba entonces puede ver que tenemos
aquí anuncio y vamos a colocarlo aquí punto a anuncio de nueva cuenta Flex Basis y vamos a colocar Calc
33.3 por ciento menos RAM para que tome 33.3 por ciento y remueva 10 píxeles.
Si guardamos cambios puedes ver que se sigue viendo de esta forma.
Ahora por qué pasa esto.
Bueno esto en realidad está pasando más que nada por las imágenes son bastante grandes y tenemos que
hacer una forma de que las imágenes se hagan también más pequeñas o grandes de acuerdo al contenido.
Es muy sencillo de hacer y queremos aplicarlo en todas las imágenes por lo tanto a quién globales vas
a poner y M.G..
Y esta es una etiqueta que va a seleccionar o mejor dicho es un selector que va a seleccionar todas
las etiquetas de imágenes eso va a afectar todas las imágenes la del logo la de los anuncios y va a
aplicarle o va a ser que todas las imágenes sean responsive.
Max UIT-T y le ponemos 100 por ciento entonces guardamos cambios y puedes ver que se posicionan correctamente.
Entonces ves que puedes ver que se ve bastante bien y éste este selector CSS está en todos mis proyectos.
Esto es una declaración que utilizo siempre igual que todas estas aquí pero esta nunca falta.
Qué se me permite que todas mis imágenes sean responsivo y puedes ver que lo que ya está no lo afecta
pero las que eran muy grandes hace que se ajusten al contenedor.
Gracias a ese Max with se va viendo bien bastante bien puedes ver que no hace falta aquí por ejemplo
la separación ya tenemos lo que viene siendo el Calc este de aquí pero si recuerdas anteriormente habíamos
utilizado Estefany content Espais dituen.
Por lo tanto lo copiamos y lo pegamos pues el que nos genera la separación y se ve bastante bien.