Tell us what’s happening:
My code fails the tests for the button having a background color and a font size set. Both are present in my CSS, and I can see the effects. Is it expecting a specific color?
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>All Hail the Flying Spaghetti Monster!</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="msg">Your most excellent feedback</label>
<textarea id="msg" name="msg" rows="3" cols="40" required laceholder="e.g. Mike Shinoda">
</textarea>
<button type="submit">Submit</button>
</form>
</div>
</body>
</html>
/* file: styles.css */
.form-container {
background-color: pink;
text-align: center;
border-radius: 20px;
padding: 10px;
width: 80vw;
}
label
, button {
display: block;
}
button {
margin: 20px auto;
}
label {
margin: 10px;
color: cadetblue;
}
input, textarea {
width: 80%;
padding: 10px;
margin-bottom: 10px;
}
button {
background-color: cadetblue;
font-size: 1.1rem;
}
button:hover {
background-color: yellow;
}
Your browser information:
User Agent is: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/150.0.0.0 Safari/537.36
Challenge Information:
Design a Contact Form - Design a Contact Form