<aside> 📝

Cloner un repository, intégrer trois disques depuis Figma avec un CSS propre, puis faire un push.

</aside>

1. Cloner le repository

Le repository de l’exercice vous est distribué via classroom50. Acceptez le devoir, puis clonez le repository dans VS Code en suivant la documentation :

Classroom50

Installez ensuite les dépendances et lancez le serveur de développement, en suivant les sections « Reprendre un projet cloné » et « Lancer le serveur de développement » :

NPM et Parcel

2. Reproduire la maquette

Ouvrez la maquette Figma : https://www.figma.com/design/rogCSZZYLng0VNk5D96559/M2-E4?m=auto&t=ctkdj4PgvqI8K94Z-6

Le repository contient un index.html réduit au squelette et une feuille de style vide. Intégrez l’en-tête et les trois disques. Le HTML et le CSS doivent être propres dès le départ : factorisez ce qui peut s’hériter, plutôt que de tout répéter.

Pour le mode Dev, les distances, l’export des images et l’export CSS, suivez la documentation :

Intégrer depuis Figma

<aside> ☝

N’oubliez pas d’intégrer les Google Fonts

</aside>

3. Rendu

Faites des commits réguliers, puis un push.

C’est votre push qui fait office de rendu. Vérifiez sur classroom50 que votre dernier commit est bien arrivé.