Tell us what’s happening:
Good Morning, I got a question about how to complete this “Survey form - certification project”?
I have already completed several previous Courses such as CatPhoto App, Cafe Menu, Colored Markers, Registration form and this last one Survey Form Certification Project are done too.
But it’s not marked as finished, did imissing something? or this Courses just self Practice?
Thank you and sorry for my broken english
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="styles.css"
</head>
<body>
<h1 id="title">Title</h1>
<p id="desctiption">Paragraf</p>
<form id="survey-form">
<fieldset>
<label>Name
<input id="name-label" type="text" placeholder="Your Name" required>
</label>
<label>Email
<input id="email-label" type="email" placeholder="Email" required>
</label>
<label>Number
<input id="number-label" type="number" min="18" max="20" placeholder="Number" required>
</label>
<Fieldset>
<label>Choose Option</label>
<select id="dropdown">
<option>Dropdown 1</option>
<option>Dropdown 2</option>
</select>
</fieldset>
<fieldset>
<legend>Choose Option</legend>
<label>
<input name="radiotype" type="radio" class="inline">Radio 1
<label>
<label>
<input name="radiotype" type="radio" class="inline">Radio 2
</label>
<fieldset>
<label>
<legend>You must agree with this</legend>
<input type="checkbox" value="checkbox1" class="inline"> Im Agree to This
</label>
<label>
<input type="checkbox" value="checkbox2" class="inline"> Im Agree to This
</label>
</fieldset>
<fieldset>
<label> Type This "Hello World"
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="Hello World"></textarea></label>
</fieldset>
<input type="submit">
</form>
</body>
<html>
/* file: styles.css */
body {
width: 100%;
height: 100vh;
margin: 0;
background-color: #1b1b32;
color: #f5f6f7;
font-family: Tahoma;
font-size: 16px;
}
h1, p {
margin: 1em auto;
text-align: center;
}
form {
width: 60vw;
max-width: 500px;
min-width: 300px;
margin: 0 auto;
padding-bottom: 2em;
}
fieldset {
border: none;
padding: 2rem 0;
border-bottom: 3px solid #3b3b4f;
padding-top: 0;
}
fieldset:last-of-type {
border-bottom: none;
}
label {
display: block;
margin: 0.5rem 0;
}
input, textarea, select {
margin: 10px 0 0 0;
width: 100%;
min-height: 2em;
}
input, textarea {
background-color: #0a0a23;
border: 1px solid #0a0a23;
color: #ffffff;
}
.inline {
width: unset;
margin: 0 0.5em 0 0;
vertical-align: middle;
}
input[type="submit"] {
display: block;
width: 60%;
margin: 1em auto;
height: 2em;
font-size: 1.1rem;
background-color: #3b3b4f;
border-color: white;
min-width: 300px;
}
input[type="file"] {
padding: 1px 2px;
}
.inline{
display: inline;
}
legend {
padding-top: 0;
padding-bottom: 0;
}
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Safari/537.36
Challenge Information:
Survey Form - Build a Survey Form
