HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Опитування</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1 id="title">Опитування</h1>
<p id="description">Як ви вивчаєте програмування?</p>
</body>
<div class="form">
<form id="survey-form">
<fieldset>
<div class="form"><label id="name-label" for="name">Enter Your Name: <input placeholder="name" id="name" name="name" type="text" required /></label></div>
<div class="form"><label id="email-label" for="email">Enter Your Email: <input id="email" name="email" type="email" placeholder="email" required /></label></div>
<div class="form"><label id="number-label" for="age">Enter Your Age: <input placeholder="age" id="number" name="age" type="number" required min="10" max="100" /></label></div>
<fieldset>
<label for="referrer">Як ви навчаєтесь програмувати?
<select id="dropdown" name="referrer" requied>
<option disabled
value="">(вибиріть один варіант)</option>
<option value="1">Читаю книжки</option>
<option value="2">Вчуся програмувати на freeCodeCamp</option>
<option value="3">Дивлюсь повчальні ролики на Youtube</option>
<option value="4">Інше</option>
</select>
<fieldset>
<label>Ви би хотіли вивчти нову мову програмування?
<label for="yes"><input value="yes" id="yes" class="answer" type="radio" name="yes"/>Yes</label>
<label for="no" class="answer"><input id="no" type="radio" name="no" value="no"/>No</label>
</fieldset>
<fieldset>
<label>Які мови програмування ви знаєте?
<fieldset>
<div>
<input value="Python" type="checkbox"/>Python
<input value="HTML" type="checkbox"/>HTML
<input value="C Sharp" type="checkbox"/>C Sharp
</div>
<div>
<input value="Java" type="checkbox"/>Java
<input value="JavaScript" type="checkbox"/>JavaScript
<input value="C++" type="checkbox"/>C++
</div>
</fieldset>
<label for="bio">Напиши свою біографію:
</fieldset>
<textarea id="bio" name="bio" rows="3" cols="30" placeholder="Я навчився програмувати..."></textarea>
</label>
<input type ="submit" value="Submit" />
</fieldset>
</form>
</div>
</html>
CSS
body{
background-color:#373750;
width: 100%;
height: 100vh;
margin: 0;
}
.form{
width: 60vw;
max-width: 500px;
min-width: 300px;
margin: 0 auto;
padding-bottom: 2em;
text-align: center;
color: white;
}
h1,p{
color: white;
margin: 1em auto;
text-align: center;
}
fieldset {
border: none;
padding: 2rem 0;
border-bottom: 3px solid #373770;
}
fieldset:last-of-type {
border-bottom: none;
}
input[type="submit"] {
display: block;
width: 60%;
color: white;
margin: 1em auto;
height: 2em;
font-size: 1.1rem;
background-color: #373750;
border-color: #373770;
min-width: 300px;
}
a{
color: dfdfe2;
}
.ansewer{
color: red;
}
Please help me correct my mistakes!
