Now we will work on the styles of our input field. Let’s start with its wrapper.
Let’s make div.input-wrapper a flex container.
The element must be in line and vertically centered.
The height should be 44px; the width should be 484px; the edges are rounded with a radius of 24px.
The wrapper must have a solid 1px border with the color #dfe1e5.
The wrapper must have a vertical padding of 4px and a horizontal padding of 14px
Remember to change box-sizing to border-box.
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.