📄 Descripción
Este proyecto consiste en desarrollar una página web que funcione de forma óptima en diferentes dispositivos, incluyendo escritorio, tabletas y dispositivos móviles.
💻 Tecnologías Utilizadas
- HTML5: Para la estructura y el contenido de la página.
- CSS3: Para el estilo visual y la capacidad de respuesta.
- Media Queries: Para hacer el diseño adaptable a diferentes tamaños de pantalla.
📋 Requisitos
Antes de comenzar, asegúrate de tener instalados los siguientes elementos en tu entorno local:
- Un navegador web (como Google Chrome, Firefox, Safari, etc.).
- Un editor de texto (como Visual Studio Code, Sublime Text o Atom).
🛠️ Instalación
- Clonar el Repositorio:
1.Abre tu terminal y clona el repositorio del proyecto:
git clone https://github.com/francamateus93/1.1.HTML-y-CSS-con-Flex-Nivel1.git
cd 1.1.HTML-y-CSS-con-Flex-Nivel1.git
1.Abre el archivo index.html en tu navegador. Puedes hacerlo de las siguientes maneras:
-
Método 1: Navega a la carpeta del proyecto en tu explorador de archivos, haz clic derecho en index.html y selecciona "Abrir con" seguido de tu navegador preferido.
-
Método 2: Arrastra y suelta el archivo index.html directamente en la ventana de tu navegador.
2.Una vez abierto, puedes redimensionar la ventana del navegador o usar las herramientas de desarrollo (normalmente accesibles con F12 o Ctrl+Shift+I) para simular dispositivos móviles y tablets y verificar cómo responde la página a diferentes tamaños de pantalla.
- Un proyecto estudiantil creado en IT Academy, en el curso de FrontEnd Angular/React en Barcelona Activa.