Yo me pierdo es en las dimensiones 😕 que tengo que usar en los width y height <code>.contact-main-container div { display:inline-bloc...

Juan Gui Arenas

Juan Gui Arenas

Pregunta
studenthace 4 años

Yo me pierdo es en las dimensiones 😕 que tengo que usar en los width y height

.contact-main-container div { display:inline-block; width: 49.5%; height: 100%; }

Esto tambien se puede hacer gon Grid y Flex Box ??

2 respuestas
para escribir tu comentario
    Christopher Andrés Guano Valencia

    Christopher Andrés Guano Valencia

    studenthace 4 años

    Agregando, width y height son las propiedades para darle tamaño con respecto al padre contenedor, por eso utiliza porcentajes, el width del padre es 100% y el width hijo es 49.5% de todo ese 100%.

    Miguel Angel

    Miguel Angel

    studenthace 4 años

    Para entender mejor como funciona el tema de las dimensiones tenemos que recordar que existen dos tipos de medidas las absolutas que están compuestas de:

    • mm
    • cm
    • px solo por nombrar algunas

    las relativas son:

    • %
    • vh
    • vw y repito y esto solo por nombrar algunas.

    y respecto a lo que hizo el maestro en esta clase fue que a cada uno de los divs que se encontraban dentro del contenedor padre tuvieran un ancho de 49.5 % de su padre y una altura del 100% para que lo puedas apreciar mejor, podemos usar números mas fáciles para mí, piensa que el padre tiene un ancho de 100cm y 50cm de alto y que cada uno de sus hijos iba a tener un ancho de 49.5 cm con 50cm de alto. para que me entiendas mejor te dejo esta imagen.

    Screenshot 2021-08-27 at 21-47-53 Perfil.png

    Por cierto hay que poner, un poco de imaginación con las lineas azules y rojas y piensa que son del mismo tamaño.

    También te recomiendo que veas este curso https://platzi.com/clases/html-css/ con este curso aprenderás todo lo necesario para saber html y css. Aquí te dejo también este video https://www.youtube.com/watch?v=V7__Bz9gr3s.

Curso de Maquetación en CSS [Empieza Gratis]

Curso de Maquetación en CSS [Empieza Gratis]

Construye un blog personal con CSS, usando Grid y técnicas de maquetación. Aprende a organizar tu proyecto con clases específicas, incluye herramientas como Chrome DevTools para depurar, y haz que tu sitio sea responsive con media queries.

Curso de Maquetación en CSS [Empieza Gratis]
Curso de Maquetación en CSS [Empieza Gratis]

Curso de Maquetación en CSS [Empieza Gratis]

Construye un blog personal con CSS, usando Grid y técnicas de maquetación. Aprende a organizar tu proyecto con clases específicas, incluye herramientas como Chrome DevTools para depurar, y haz que tu sitio sea responsive con media queries.