Dies ist eine Lösung für die Interactive Card Details Form Challenge auf Frontend Mentor.
Anforderungen
Benutzer*innen sollten in der Lage sein:
- Das Formular auszufüllen und die Kartendetails in Echtzeit aktualisiert zu sehen
- Fehlermeldungen zu erhalten, wenn das Formular abgeschickt wird, falls:
- Ein Eingabefeld leer ist
- Die Kartennummer, das Ablaufdatum oder das CVC-Feld im falschen Format sind
- Das optimale Layout abhängig von der Bildschirmgröße zu sehen
- Hover-, Active- und Focus-Zustände für interaktive Elemente auf der Seite zu sehen
Gebaut mit
Code-Qualität mit
Implementierungszeit
Diese Challenge wurde innerhalb von 5 Stunden abgeschlossen.