Вопрос пользователя:
index.html
Заголовок первого уровня внутри формы: «Обратная связь»
Каждое текстовое поле формы лежит в обёртке с классом .form-input. Отступ снизу от каждой обёртки создаётся с помощью класса mb-2. Для каждого текстового поля обязательно наличие <label/>, который будет скрыт с помощью класса sr-only.
Чекбокс с принятием условий сервиса имеет обёртку с классами small и mb-1.
Ответ нейросети:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Feedback Form</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<form>
<h1>Feedback</h1>
<div class="form-input mb-2">
<label for="name" class="sr-only">Name:</label>
<input type="text" id="name" name="name" placeholder="Your Name">
</div>
<div class="form-input mb-2">
<label for="email" class="sr-only">Email:</label>
<input type="email" id="email" name="email" placeholder="Your Email">
</div>
<div class="form-input mb-2">
<label for="message" class="sr-only">Message:</label>
<textarea id="message" name="message" placeholder="Your Message"></textarea>
</div>
<div class="small mb-1">
<input type="checkbox" id="terms" name="terms">
<label for="terms">I accept the terms of service</label>
</div>
<button type="submit">Submit</button>
</form>
</body>
</html>