Design a Contact Form - Design a Contact Form

Tell us what’s happening:

i cant get pass the 19 even i check bit by bit i cant see why it doesn`t work ?

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Contact Form</title>
    <link rel="stylesheet" href="styles.css"/>
</head>
<body>
<div class="form-container"> 
<form> <h2>Contact form</h2>
<input type="text" id="name" name="name" required> <label for="name">name</input>

<input type="email" id="email" name="email" required> <label for="email">email</input>

<textarea id="message" name="message" required> </textarea><label for="message">message

<button type="submit">Submit</button>
</form>    
</div>
</body>

</html>
/* file: styles.css */
.form-container{
  background-color:gray;
  border-radius:20px;
  padding:10px;
   margin:0 auto;
  max-width:500px;
  min-width:300px;
  width:60vw;
}
label {
  margin:0 auto;
  font-color:white;
}
input{
 width:50%;
 padding:10px; 
 margin-bottom:10px;
 border-radius:10px;
}
textarea {
  width:50%;
 padding:10px; 
 margin-bottom:10px;
 border-radius:10px;
}
button{
  background-color:blue;
  font-size:20px;
}
button:hover{
  background-color:blue;
}
h2 {
text-align:center;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/135.0.0.0 Safari/537.36

Challenge Information:

Design a Contact Form - Design a Contact Form

Hi,
Use the color property to give colors to your font.
Happy coding!

1 Like

thanks it work … i already pass ..