/Intro-component-with-sign-up-form

Primary LanguageCSS

Frontend Mentor - Intro component with sign up form solution

This is a solution to the Intro component with sign up form challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

Overview

The challenge

Les utilisateurs doivent pouvoir:

  • Afficher la mise en page optimale pour le site en fonction de la taille de l'écran de leur appareil
  • Voir les états de survol pour tous les éléments interactifs de la page
  • Recevez un message d'erreur lorsque le formulaire est soumis si:
    • Tout champ input est vide. Le message pour cette erreur doit dire _ "[Nom du champ] ne peut pas être vide" _
    • L'adresse email n'est pas formatée correctement (c'est-à-dire qu'une adresse e-mail correcte doit avoir cette structure: name @ host.tld). Le message pour cette erreur doit dire _ "Il semble que ce ne soit pas un email" _

Screenshot

Links

My process

Built with

  • Semantic HTML5 markup
  • CSS
  • Flexbox
  • Javascript

What I learned

Ce challenge m’a permis de renforcer mes compétences en Css surtout une meilleure compréhension des flexbox et aussi comment mettre en place un système de validation simple avec Javascript.

Author