oyetola sodiq
Posted on June 8, 2022
Made a simple login page to practice my knowledge of html and css and to review it for faster better ways to solve future coding problems.
started off with writing the html code. I used the list element to make a nav bar(styled with css to make horizontal)
used input[type:text/password] and used a placeholder to illustrate the value of the input
used button element to create the login submit button
ended with a paragraph containing instructions and a link.
styling my html with css
started with setting my default margin and adding a nice background image
no-repeat so the image only appears once background-size cover so it fits the entire screen.
set the list style type to none to remove any existing list item marker
I set the overflow to hide, then I floated the navbar in place
I set the link display to block to make the entire textarea clickable
results
Posted on June 8, 2022
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.