Regístrate en 4Geeks
Instagram Photo Feed con HTML/CSS
Todo el mundo conoce Instagram, es el ejercicio ideal y divertido para practicar tus habilidades de principiante en HTML/CSS. En este proyecto practicarás los siguientes conceptos:
- Reutilizar clases de CSS.
- Reglas de CSS de Display y Position.
- Construir un layout (diseño) con CSS/HTML.
- Centrar contenedores.
- Flow left y right.
- Importar imágenes.
🌱 ¿Cómo iniciar este proyecto?
No abras este repositorio, utilizaremos otro template para empezar a programar.
Recomendamos que abras el repositorio html template utilizando un entorno de desarrollo como Codespaces (recomendado) o Gitpod. Como última opción puedes clonar el repositorio localmente en tu computador utilizando el comando git clone.
Este es el repositorio que debes abrir:
1https://github.com/4GeeksAcademy/html-hello
👉 Sigue las siguientes instrucciones sobre cómo empezar un proyecto nuevo.
📝 Instrucciones
Usando todo lo que has aprendido con HTML y CSS3, por favor crea un website que replique este gif (pixel perfect):
Usa la propiedad display como en los viejos tiempos o la nueva propiedad CSS flex para hacer el posts feed.
📒 Recursos
-
Este video de "The Net Ninja" es increíble para comenzar a entender flexbox.
-
Aquí tienes la estrategia para el ejercicio:
-
Por favor habla con tus compañeros, con cualquier otro estudiante o tu mentor sobre cualquier pregunta que puedas tener. Programar es difícil para todos.