Matière: formulaires, CSS units, responsive, bases JS

Consigne

Étape 1 — Maquette Figma

Étape 2 — Intégration HTML & CSS

Étape 3 — JS, unités CSS et animations

<aside> 📌

Rendu

• 🌍 Site en ligne: prenom-nom.alwaysdata.net/grand-formulaire
• 🖼️ Export du fichier Figma de la maquette (nom qui suit la nomenclature eikon)
• 📄 PDF choix CSS (nom qui suit la nomenclature eikon: 25_26_IMD1x_FD_Big_Form_Nom_Prenom.pdf)
• 🧑‍💻 Code intégralement sur GitHub (Fichier Figma, PDF également) </aside>

Évaluation

Exemple de choix CSS expliqué dans le PDF

## Choix CSS 1 — Box Model

**Notion utilisée:**
J’ai utilisé le padding et le border-radius.

**Où dans mon code:**
Dans la classe .form-card

**Extrait:**
.form-card {
  padding: 32px;
  border-radius: 20px;
}

**Effet sur le rendu:**
Le formulaire respire mieux et ressemble davantage à une carte.

Checklist avant le rendu

Avant de rendre, vérifiez suivez cette liste:

• [ ] mon site est en ligne (prenom-nom.alwaysdata.net/grand-formulaire)
• [ ] le lien que je vais rendre fonctionne
• [ ] ma page principale est consultable
• [ ] mon formulaire est visible et utilisable
• [ ] mes champs ont des labels compréhensibles