Design a Contact Form - Design a Contact Form

HTML-CSS
1

Tell us what’s happening:

Not sure what’s going wrong for step 19. Looks to me like I have a defined margin and a font color for my label elements?

Your code so far

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

<head>
    <meta charset="utf-8">
    <title>Contact Form</title>
    <link href="styles.css" rel="stylesheet"/>
</head>

<body>
    <div class="form-container">
        <form>
            <h2>Contact Information</h2>
            <label for="text-input">Name:</label>
            <input type="text" id="text-input" name="text-input-box" required/>
            <label for="email-input">Email:</label>
            <input type="email" id="email-input" name="email-input-box" required/>
            <label for="text-box">Message:</label>
            <textarea id="text-box" name="text-box" required>
                </textarea>
            <button type="submit">Submit</button>
            </form>
    </div>


</body>

</html>

/* file: styles.css */
label {
  display: block;
}

.form-container {
  background-color: orange;
  border-radius: 10px;
  padding: 100px 100px 100px 100px;
  width: 50%;
}

label {
  margin: 5px;
  color: blue;
}

button {
  background-color: yellow;
  font-size: 15px;
}

button:hover {
  background-color: rgb(228, 228, 154);
}

input {
  width: 60%;
  padding: 5px;
  margin-bottom: 5px;
}

textarea {
  width: 60%;
  padding: 5px;
  margin-bottom: 5px;
}

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/135.0.0.0 Safari/537.36

Challenge Information:

Design a Contact Form - Design a Contact Form

2

Hi,
You have two label selectors and the system is reading your first label selector only. try adding all the styles for label element in one selector.
Good luck!