Exercice

Reproduisez la maquette suivante en PHP. Le tableau de fruits est déjà déclarer dans le fichier index.php

1. Cloner le projet et lancer le serveur

Lien du projet : https://github.com/CHAOUCHI/grid-php

git clone https://github.com/CHAOUCHI/grid-php
cd grid-php
php -S localhost:7070

2. Consulter la maquette

https://www.figma.com/proto/tS9BqogLtVrJV5PCLOjdqk/Untitled?node-id=55-2&node-type=frame&t=Bf6tC4Pb1Iyrsxmr-1&scaling=min-zoom&content-scaling=fixed&page-id=0%3A1

3. Consigne

• A l'aide d'une boucle for et d'un display grid reproduisez la maquette vue plus en haut
• Tout les assets png sont deja dans le répo github
• les RGB sont sur la maquette figma
• Regarder bien tout les fichiers du répo, normalement vous avez tout ce qu'il faut :
  • le tableau de fruits
  • le fichier index.php
  • le fichier style.css pour le style
  • Les fichiers PNG pour les images
• BONUS : Responsive avec les media query pour le nombre de colonnes.