Форма должна быть вертикальной.
Для этого поля ввода должны стать блочными.
Ширина каждого поля должна занимать 100% родительского элемента (тега form
).
Учти, что у формы есть padding
.
Также каждому полю ввода нужно добавить label
с цветом текста #7A6174
.
Теги label
должны быть привязаны с помощью идентификаторов firstName
и lastName
.
Текст первого label
должен быть First Name
, второго - Last Name
.
Эта задача — часть курса по Full-Stack JavaScript
Ты можешь задать свой вопрос в комментариях под постом
Если ты уже решил задачу, то не стесняйся помочь другим
index.html
<!DOCTYPE html>
<html>
<head>
<title>Profile</title>
<style>
* {
font-family: monospace;
}
form {
background-color: #EDE7E3;
width: 400px;
padding: 8px 16px;
}
input {
border: 1px solid #D1B1C8;
padding: 8px;
margin-bottom: 8px;
margin-top: 4px;
}
</style>
</head>
<body>
<form>
<input name="firstName">
<input name="lastName">
</form>
</body>
</html>