Maquetar una PAGINA WEB desde cero con HTML y CSS 🤪 Parte 3

[@tiberiocesar22]

Muchas Gracias, excelente forma de trabajar y de explicar........Gracias

[@brayanstevensanchezolivero5416]

muchas gracias maestro por tus saberes

[@eliudnoriegatineo709]

gracias por esta tercera parte pero deberias hacer un esfuerzo y culminar el proyecto en la proxima sesion sin importar el tiempo q este requiera, ya q para muchos como yo un viejo diseñador ya retirado de 66años y q por fin pude incursionar en el diseño web gracias a tus tutoriales pues tu forma didactica es clara y muy facil de seguir y entender para quienes estamos incursionando en este mundo q DIOS te bendiga por tu aporte

[@11winding]

no me posiciona el ".bloque-izq" con el ".boque-der" teniendo el 60% y el otro 40%, teniendo .seccion-2 al 70%, se ponen uno debajo del otro, a que se debe¿ gracias

[@Sionizado]

Tenes establecido el display: flex en el section2? Y en el selector universal * { Box-sizing: border-box;} ? Esto último hace q la medida q le das a los contenedores o cajas ya tengan incluidos los márgenes, bordes, padding etc... o sea q si le das 200px de ancho al contenedor el contenido se va a achicar para tener siempre 200px sin importar los márgenes, etc....

[@OtroRegiomas]

No logro acomodar la parte del bloque derecho, la altura de las imágenes abarca toda la pagina y no logro acomodarlas conforme al video, a pesar de que estoy siguiendo los pasos al pie de la letra, alguna solución?

[@carloseduardogomezlozano491]

Por favor solicito su ayuda con el bloque-der. Me sale en una sola columna la imagen y el texto. Que tengo mal?. Quedo a la espera de su respuesta, gracias. .bloque-der { width: 40%; height: 100%; /* background-color: red; */ padding: 0 3%; } .der-titulo { /* background-color: green; */ text-align: center; } .der-titulo h3 { font-size: 20px; } .der-noticias { /* background-color: aqua; */ display: flex; flex-direction: row; justify-content: center; align-items: start; margin: 30px 0; } .noticias-img { width: 50%; } .noticias-img img { object-fit: cover; width: 100%; } .noticias-textos { width: 50%; margin: 0 10px; } .noticias-textos h4 { font-size: 17px; text-align: center; margin-bottom: 15px; } .noticias-textos p { font-size: 15px; text-align: justify; /* margin-top: 15px; */ } .noticias-textos a { font-size: 14px; margin-top: 10px; }

[@carloseduardogomezlozano491]

El error estaba en los div´s anidados de la seccion-2. Buenas tardes.

[@kronosfr-xe1hk]

​@@carloseduardogomezlozano491 me pasa casi lo mismo pero con el lado izquierdo nada sale como en el vídeo todo queda en una solo columna

[@kronosfr-xe1hk]

​@@carloseduardogomezlozano491 me gustaría poder mandarte el vídeo de cómo está para ver si me ayudas

[@OtroRegiomas]

Podrías pasar el repositorio del proyecto

[@kevinrizabal4484]

una consulta esta web no es responsiva verdad? o si? para verla bien de igual forma para celular gracias

[@iamhapped702]

Parte 4 😢

[@jesusn3mb3rjarafigueroa92]

¿podrias pasar tu codigo porfa? 😥😥