For me the line and the image gave me the biggest headache I forgot that there exists an element called hr, js was relatively easy.
Please provide feedback on how I can improve my code.
Thank you.
I simply created the line using styling a border on the container that carries the 3 input fields, like so:
.inputs-container{ border: 1px solid hsl(0, 0%, 86%) }
I learned how to use variable fonts from Google fonts. Project was easy as it is. I would probably use flexbox for something like this from now on.
What challenges did you encounter, and how did you overcome them?Getting the spacing around components just right was really time consuming. Lots of trial and error.
What specific areas of your project would you like help with?I would like to learn the best way to add variable fonts to a project.
Try centering the application vertically div by using the following CSS properties and values:
.target-div{ position: absolute; top: -50%; transform: translateY(-50%) }
And then remove your current top margin.
