Hola JaviJavi_,
Se nota que estás comenzando, y quiero decirte que me gusta mucho el estilo minimalista que has adoptado. Al revisar el código fuente, aprecio que ya has estructurado el código de manera semántica, utilizando etiquetas como <section> en lugar de recurrir a un exceso de <div>, algo que muchos suelen hacer.
Un consejo que te daría en este punto es que te concentres en aprovechar Bootstrap o Tailwind, leo que tienes conocimientos al respecto. Usar Bootstrap o Tailwind te ayudará a garantizar que tus contenedores se adapten adecuadamente a todas las pantallas, mejorando la experiencia de usuario en diferentes dispositivos.
He notado que en el body no has definido el
background-size, lo cual provoca que la imagen de fondo no se ajuste correctamente a las dimensiones de la pantalla. Además, te recomendaría agregar un efecto de
backdrop-filter: blur al body, que le dará un toque de desenfoque al fondo, evitando que interfiera visualmente con el contenido principal.
Aquí te dejo un ejemplo de cómo podrías aplicar estas dos simples modificaciones:
Ver el archivo adjunto 1326514Ver el archivo adjunto 1326515
Antes de agregar más contenido, mi sugerencia es que te familiarices bien con las clases "
container" de Bootstrap. Esto te será muy útil para mejorar la versión móvil de tu sitio.
Si necesitas más consejos o ayuda, no dudes en escribirme en privado.
¡Sigue así, que vas por buen camino!
Saludos,
Emiliano