Tell us what’s happening:
my code isnt working and i dont know why im very sure that i did it correctly
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 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>
</body>
</html>
/* file: styles.css */
body {
font-family: Arial, sans-serif;
background-color: rgb(133, 16,263);
}
.form-container {
background-color: rgb(255, 255, 255)
border-radius: 10px;
padding: 20px;
width: 400px;
margin: 50px auto;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
label {
display: block;
margin-bottom: 5px;
color: #333333;
}
input,
textarea {
width: 100%;
padding: 10px;
margin-bottom: 15px;
box-sizing: border-box;
}
button {
background-color: #4CAF50;
font-size: 16px;
color: white;
padding: 10px;
border: none;
cursor: pointer;
width: 100%;
}
button:hover {
background-color: #45a049;
}
.form-container:hover {
background-color: lightblue;
transform: scale(1.1
);
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/145.0.0.0 Safari/537.36
Challenge Information:
Design a Contact Form - Design a Contact Form
