https://github.com/sgcm14/0523c02-instafront-maquetado

Landing replicando instagram
https://github.com/sgcm14/0523c02-instafront-maquetado

flexbox-css grid-css html5 mobile-first sass

Last synced: 3 months ago
JSON representation

Landing replicando instagram

• Host: GitHub
• URL: https://github.com/sgcm14/0523c02-instafront-maquetado
• Owner: sgcm14
• Created: 2023-07-04T00:44:25.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-07-15T20:58:06.000Z (almost 2 years ago)
• Last Synced: 2025-01-22T02:17:47.811Z (5 months ago)
• Topics: flexbox-css, grid-css, html5, mobile-first, sass
• Language: SCSS
• Homepage: https://sgcm14.github.io/0523C02-instafront-maquetado/
• Size: 774 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Instafront-maquetado

=============

- Esta landing la estoy realizando dentro del curso **Front End** de la carrera [Certified Tech Developer](https://www.digitalhouse.com/ar/productos/programacion/certified-tech-developer "Certified Tech Developer") 

- **Periodo :** Mayo - Julio 2023

> Front End I - Práctica integradora

**Objetivos:**

--------------

En esta clase estaremos repasando las particularidades de Grid y sus principales diferencias con Flex.

En esta oportunidad realizaremos dos actividades donde podrás practicar los conceptos de la clase.

**Desafío:**

------------

Maquetar el figma implementando las nuevas herramientas que nos proporciona grid con la metodología Mobile First.

Las siguientes imágenes te muestran cómo podés utilizar las columnas en grid para acomodar tu maquetado tanto en mobile como en desktop.

 Tomando como guía el trabajo la siguiente plantilla, crearemos los estilos utilizando el preprocesador SASS.

  ![](https://raw.githubusercontent.com/sgcm14/0523C02-instaFront-maquetado/main/img/InstFront-desktop.png)

> Pantalla de **Plantilla de Desktop**

 ![](https://raw.githubusercontent.com/sgcm14/0523C02-instaFront-maquetado/main/img/InstaFront-mobile.png)

> Pantalla de **Plantilla de Mobile**

**Realizado por :** Sammy Gigi Cantoral Montejo (sgcm14)