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 ambiente 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):

(Clic aquí para expandir)

También puedes usar estas imágenes:

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.