The form must be stacked.
For this, the input fields must become block.
The width of each field must be 100% of the parent element (the form
tag).
Note that the form has padding
.
Also, each input field needs to add a label
with the text color #7A6174
.
The label
tags must be anchored using the identifiers firstName
and lastName
.
The text of the first label
should be First Name
, the second - Last Name
.
This task is part of the Full-Stack JavaScript Course
If you have any issues with it, you can ask for community help below the post
Feel free to help others if you’ve already solved the task
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>