CSS - Nuevo en Css

Buenas noches a todos,

Estoy haciendo un curso de confección y publicacion de páginas web y estamos ahora por el módulo de CSS. El tema es que estoy haciendo una web de un restaurante como ejercicio y la maquetación a simple vista me queda bien, el problema es que al usar ctrl- o ctrl+ para ver si me descuadran los divs, a un tamaño pequeño ya se me descuadra el asunto e incluso el texto desaparece.

Seguro que la solución es algo de lo más simple, pero yo ahora mismo no lo veo.

Os paso el código html y el de la hoja de estilos. Si alguien pudiera ayudarme sería de gran ayuda, ya que ni siquiera el profesor de mi curso me lo sabe explicar (que no lo sepa yo que soy alumno vale, pero un profesor.... no se).


muchas gracias de antemano, y saludos a todos!!

• LAFINCA.rar(2,3 MB)

Hola Nico, no entiendo cual es tu problema, al parecer el sitio está bien. Cuando te refieres a usar ctrl- o ctrl+ lo que estás haciendo es aumentar o disminuir el zoom en el navegador, otra cosa sería que este no se adapte (sea un sitio responsive), en este caso deberias utilizar media queries.

Un saludo.

Hola Alejandro, perdón por contestar tan tarde, he estado liado y no he podido hacerlo antes.
Eso es lo que me pasa, en mi "manía" de aumentar o disminuir el zoom del navegador cuando lo disminuyo me "descuadran" algunas cosas, y eso es lo que no me gusta, que no se me queda todo en su sitio aunque lo disminuyera. Veo muchas otras webs que si que le aguatan las cosas en en sitio y a mi no me pasa, entonces supongo que algo no habré hecho bien y no lo veo jejeje.

No tengo la web adaptada a diseño responsive. Será eso?. Gracias!

p.d. aunque tenéis el código os paso capturas para que lo veáis lo que me refiero y no tengais que abrir código si no queréis.

• Nueva-carpeta.rar(76,1 KB)

Hola Nico, si claro el problema es que no estas usando un diseño con un layout responsive y es por eso que se desmaqueta el sitio.

El unico problema es que tu maquetacion no se adapta a la pantalla ,es decir probablemente no estes usando la libreria de boostrap ,la cual te da un diseño responsable