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

Buenas noches,

Aquí subo mi proyecto de fin de curso.
La verdad es que me ha costado encontrar la manera de encauzarlo. Lo rehíce tres veces hasta llegar a la conclusión lógica de hacer primero la estructura del sitio mediante cajas de colores. Luego solo era cambiar las cajas por contenido. Una vez descubierto el truquillo, fué todo "coser y cantar".
El tema responsive, sin problemas. Una vez construdio el sitio en formato PC, reorganizar todo con tamaños de pantalla menores no fue una "piedra en el camino".

Sin embargo, la integracción con JS es una cosa que no me ha quedado muy clara. Pero he adquirido el siguiente curso Diseño, desarrollo y publicación de una página web, puede que en ese lo veamos más a fondo. Es por ello, que hice un menú desplegable utilizando unicamente CSS. Me llevó un rato conseguir algo sólido. Pero estoy bastante satisfecho con el resultado. Aunque es aquí donde me surge una duda para el profesor u otro alumno que pueda resolver dicha cuestión.

- Cuando se despliega el menú, el titular inicial ·RECIÉN HECHO, TODOS LOS DÍAS" se desplaza hacia abajo. Pensé solucionar este problema, utilizando la propiedad z-Index. Pero no hubo manera de conseguir nada destacable. Si podéis echar un vistazo y darme una respuesta, os lo agradecería enormemente.

Sin más dilación, espero que os guste.
Muchas gracias al profesor, por un curso tan bien estructurado y que me ha permitido empezar en HTML y CSS.
Un saludo

https://drive.google.com/file/d/1a37YMHVCMvJ-lLPx50fylIwPRiSw3MjD/view?usp=sharing