Design a Contact Form - Design a Contact Form

HTML-CSS
1

Tell us what’s happening:

please help me look at number 20 i dont know what i need to do

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Confidential Form</title>
  <link rel="stylesheet" href="styles.css">
</head>
<body>

<div class="form-container">
  <form>
    <h2>Contact Us</h2>

    
    <label for="name">Name:</label>
    <input type="text" id="name" name="name" required>

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

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

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

</body>
</html>

/* file: styles.css */


.form-container {
  background-color: #f0f8ff; 
  border-radius: 10px;       
  padding: 30px;             
  width: 400px;              
  margin: 50px auto;         
  box-sizing: border-box;    
}

label {
  margin-bottom: 5px; 
  color: #000000;      
}



input[type="text"],
input[type="email"] {
  padding: 10px;
  margin-bottom: 20px; 
  border: 1px solid #ccc;  
  border-radius: 5px;
  box-sizing: border-box;
}



textarea {
  width: 100%;         
  padding: 10px;       
  margin-bottom: 20px; 
  border: 1px solid #ccc;
  border-radius: 5px;
  box-sizing: border-box;
  resize: vertical;    
}


button {
  background-color: #4CAF50; 
  color: white;
  font-size: 16px;           
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}


button:hover {
  background-color: #45a049; 
}

Your browser information:

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

Challenge Information:

Design a Contact Form - Design a Contact Form

2

Here are some debugging steps you can follow. Focus on one test at a time:

  1. Are there any errors or messages in the console?
  2. What is the requirement of the failing test?
  3. Check the related User Story and ensure it’s followed precisely.
  4. What line of code implements this?
  5. What is the result of the code and does it match the requirement? (Write the value of a variable to the console at that point in the code if needed.)

If this does not help you solve the problem, please reply with answers to these questions.

1 Like
3

done already thank you so much

4

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.