#```

1 messages · Page 1 of 1 (latest)

quick crow
#

Hola amigo, como vas??

#

Estube haciendo el ejercicio y viendo como resolverlo. Encontre la solución

#

Asi es como me quedo

#

el codigo va asi:

#

Como bien puedes vér los ajustes que hice con CSS fueron muy pocos.

utilice muchas clases de las que trae bootstrap para resolver el ejercicio.

Si tiene alguna duda me puede escribir para ayudarle a resolverla

jovial spindle
#

Hola, genial

#

Voy a revisarlo. Muchas gracias

#

tambien es responsive ?

#

@quick crow tendrias para pasarme el html en txt por aca ?

quick crow
#

Ya no puedo. Borre los archivos, sueño borrar para no dejar cosas sueltas que después ni idea que sean

jovial spindle
#

no hay problema

#

@quick crow aca comparto como esta mi html de momento

quick crow
#

Si puede enviar imágenes mejor

jovial spindle
#

ok

quick crow
#

Ando desde el celular y no me es fácil ver esos textos

jovial spindle
#

no hay problema

#

Es 100% responsive y funciona perfecto

#

pero lo que necesito es que el 2do elemento aparezca a la derecha del 1ero

#

y se vayan autocompletando los espacios

#

en modo medium size y large

#

del viewport

quick crow
#

Pasa foto del código

jovial spindle
#

ok

#

Si no podes ver bien avisame y trato de reducir espacios

quick crow
#

Creo que ya ví el lio

#

Borre el div de la línea 2

jovial spindle
#

ya lo hice y se deformo todo

quick crow
#

Dejem ver el código de las clases timeline

jovial spindle
#

ok

#

asi deberia quedarme

#

y que el espacio se vaya rellenando sin dejar lugar sin cubrir

quick crow
#

Para eso usted necesita algo completamente distinto y se está matando la cabeza con bootstrap sin necesidad alguna

jovial spindle
#

es que necesito hacerlo sin utilizar css

#

solo clases de bootstrap con grid

#

y editar el html

quick crow
#

Lo que usted necesita es crear un massonry

#

Para eso hay librería de js que lo hacen

jovial spindle
#

pero no puedo usar js

#

es un ejercicio que debo realizar bajo esos parametros

#

es para mis estudios

quick crow
#

Con bootstrap lograría algo similar pero creo que no sería tal cual

#

Bueno entonces haga lo soguiente

#

Quite el div de la línea 2
A los div que tienen las clases col quitarles las clases timeline

jovial spindle
#

puedo editar el html todo lo que necesite siempre y cuando no altere el orden secuencial de las tarjetas del 1 al 6 para el viewport mobile

#

ok

quick crow
#

De momento hágalo así, quiero verificar si un presentimiento que tengo es correcto.

En teoría debería quedarle el contenido en 2 columnas aún cuando no se ven como tarjetas

jovial spindle
#

no

quick crow
#

Cómo quedó??

jovial spindle
#

una sola columna

#

al centro

quick crow
#

Dejem ver el codigo

jovial spindle
#

ok

#

con este codigo , logre que quede asi..

#

Estan en orden como quiero y si son responsives, pero me queda ese espacio que necesito rellenarlo con la carta de abajo

#

esto lo logre separando de a 2 elementos en nuevos divs

#

en row

quick crow
#

Si pero entonces no va a poder dejarlos pegados uno bajo el otro

#

Tiene que ponerlos todos en un solo row

jovial spindle
#

exacto

#

por eso no lo veo conveniente

#

tan avanzado y dificil sera ?

#

No me doy cuenta.. me siento muy novato jaj

quick crow
#

Creo que la línea del div con las clases row d-flex le sobra

#

Al principio es difícil entenderlo más cuando se viene de hacer todo a mano

#

Quite esos div que tienen las clases row d-flex y dejé todos los div con las clases col al mismo nivel

jovial spindle
#

ya quite el d-flex

#

y sigue igual

#

los divs tambien los elimino ?

quick crow
#

Si también

#

La idea es dejar todos los div con las clases col en un solo row

jovial spindle
#

ok

#

ahi lo logre, pero me quedo asi

#

necesito darla la separacion y que cuando pase a viewports pequeños de mobile sea responsive y se coloque uno debajo del otro

#

actualmente queda siempre uno al lado del otro aunque modifique el viewport

quick crow
#

Con bootstrap no necesita hacer modificaciones en el vieport

#

Si quiere dentro de 6 horas hacemos una llamada y le ayudo con éso. Ya me voy a dormir que acá ya son las 2 de la mañana

jovial spindle
#

ok

#

no hay problema

#

muchas gracias igual

#

me quedo bastante parecido de momento