Design a Contact Form - Design a Contact Form

HTML-CSS
1

Tell us what’s happening:

steps 15-19 for whatever reason are not registering for the CSS element .form-container . The properties on the instructions are there and it seems that the link property is coded correctly, but the styling for that class isn’t posting on there.

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>Feedback form</h2>
         <label for="name">Name:  <input type="text" id="name" name="name" required /></label><br>
         <label for="email">E-mail: <input type="email" name="email" id="email" required ></label><br>
        <label for="message"><textarea id="message" name="info" cols="50" rows="10" required >Enter your comments here.....</textarea>
        </label><br>
        <button type="submit">Submit</button>
     </form>
     </div>
</body>


</html>

/* file: styles.css */
CSS portion

.form-container {
background-color: turquoise;
width: 300px;
height: 300px;
padding: 5px;
border-radius: 5px; 
}

label {
  margin: 10px;
  font-color: blue;
}

input, textarea {
  width: 100px;
  padding: 5px;
  margin-bottom: 5px;
  
}
button {
  font-size: 16px;
  background-color: turquoise;
}

button:hover {
  background-color: magenta;
}

Your browser information:

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

Challenge Information:

Design a Contact Form - Design a Contact Form

2

if you remove this text various tests will pass. You need to remove it or out it inside a CSS comment

3

thanks. I also changed the label property from font-color to color and that took care of 19.