Project van de cursus

Mi Proyecto del curso: Introducción al Desarrollo Web Responsive con HTML y CSS

van Salvador Roldán Jiménez @zrvk

481
1
1

Presentación del proyecto final. Puedes descargarlo y verlo en tu navegador.

Hola @htmlboy y compañero/as de curso, os dejo el enlace a mi proyecto subido a la web y la carpeta en drive por si lo preferís. Estoy muy contento, creo que ha quedado casi clavado y se adapta muy bien.

Dejo algunas dudas que he tenido pero que he podido resolver buscando por ahí. Las dejo por si le ayudan a alguien:
1. He estado intentando que la imagen de portada se adapte a la altura de la ventana del navegador y no he dado con la tecla (sé que no lo hemos visto en el curso pero estaría bien saberlo).

Tenía que poner una altura aproximada en píxeles.

La unidad de medida vh (Viewport Height creo) para la altura me solucionó el problema rápidamente.

Voila! No se puede apreciar pero si reduzco la altura del navegador cambia la imagen.

2. No consigo igualar la altura de los cuadros de colores. Bueno, sí que está igualada, pero en los tamaños de pantalla intermedios, al ir abriendo la pantalla del navegador poco a poco hay veces que se queda un espacio en blanco. Casi siempre porque el contenido es más largo en uno que en otro.

Malditos espacios blancos de tamaños de pantalla intermedios...

Lo solucioné creando una clase llamada .flex que apliqué sobre el div padre. Esta clase tiene la propiedad Display: flex;

Tachán! Solucionado también. Aunque el contenido de los div hijos sea desigual, se adaptan siempre al padre.

3. En el menú desplegable me pasa igual que en la práctica de javascript, al abrir la página me sale el menú abierto directamente. Después lo puedo cerrar y abrir con normalidad, pero de primeras sale abierto. Y no se cierra a menos que hagas click en el enlace, pero bueno eso será cosa del script.

Este no he conseguido arreglarlo... ni idea de qué puede pasar.

La página la he subido a la página de hosting gratuito Awardspace donde he creado un subdominio. También gratis. No entiendo mucho pero el servicio tiene pinta de regulero (he tenido que modificar el css porque no vinculaba las imágenes) pero para ser gratis y colgar el proyecto me vale.
Bueno eso es todo, gracias y muy buen curso. Tendré que hacer alguno más. Ahora me vuelvo al de Wordpress a manipular el css de los temas hijo! Un saludo.