• Primero haz un Fork de este repositorio
• Después clona tu repositorio

Una vez que tengas el resultado:

$ git add .
$ git commit -m "done"
$ git push origin master

Per enviar l'exercici feu servir el classroom:

1.- Heu de publicar la vostar WEB https://docs.github.com/en/pages/getting-started-with-github-pages/configuring-a-publishing-source-for-your-github-pages-site

2.- Enviar el link de la vostra web publicada.

Clonaremos la landing page de Slack implementando su comportamiento flexible

El código de partida se encuentra en la carpeta starter_code. Todas las imágenes aparecen en la carpeta images.

El HTML ya tiene todo el texto necesario. Solamente enfócate en los estilos

Diseña siempre__ mobile first__

Clona la parte móvil. Obtendrás algo similar a esto:

Comienza a hacer crecer la pantalla. Las pantallas pequeñas engloban a iPads, tablets o smartphones más grandes.

Los cambios a introducir son:

1. Los botones y los inputs ya no ocupan el 100%.

2. Ahora aparecen dos logos de empresa por fila.

3. El subfooter va de las 2 columnas, a mostrarse en 4 columnas en la misma fila.

4. El footer se muestra en una única fila que muestra información a la izquierda y a la derecha.

El cambio más fácil. Se muestran 3 logos por fila...

Por último

1. El nav-bar muestra todos los elementos del menú, eliminamos el icono y añadimos la lista.

2. En la parte superior de la página aparece la imagen alineada con el texto "Where work happens". Si usas flex-box esta parte será fácil.