Basic and very simple but good for beginners AftabUA
Basic and very simple but good for beginners
For those who are wondering: <!DOCTYPE html> <html> <head> <style> *{ margin: 0; padding: 0; box-sizing: border-box; } body{ height: 100vh; display: flex; align-items: center; justify-content: center; } .container{ display: flex; flex-direction: column; width: 300px; padding: 15px; border: 1px solid skyblue; border-radius: 5px; } input{ margin: 5px 0px; height: 35px; padding: 7px; } button{ height: 35px; margin: 5px 0px; background-color: skyblue; border: none; border-radius: 5px; color: #333; } button:hover{ background-color: #333; color: skyblue; } </style> </head> <body> <div class="container"> <input type="email" placeholder="email"> <input type="password" placeholder="password"> <button>Login</button> </div> </body> </html> vladtheduck
For those who are wondering: <!DOCTYPE html> <html> <head> <style> *{ margin: 0; padding: 0; box-sizing: border-box; } body{ height: 100vh; display: flex; align-items: center; justify-content: center; } .container{ display: flex; flex-direction: column; width: 300px; padding: 15px; border: 1px solid skyblue; border-radius: 5px; } input{ margin: 5px 0px; height: 35px; padding: 7px; } button{ height: 35px; margin: 5px 0px; background-color: skyblue; border: none; border-radius: 5px; color: #333; } button:hover{ background-color: #333; color: skyblue; } </style> </head> <body> <div class="container"> <input type="email" placeholder="email"> <input type="password" placeholder="password"> <button>Login</button> </div> </body> </html>
After the hardwork getting the result, the hardwork really paid off❤ PrachiPriyamwada
After the hardwork getting the result, the hardwork really paid off❤
This is impressive. I've also been trying to learn html and css. Have posted a few videos. DrOduor
This is impressive. I've also been trying to learn html and css. Have posted a few videos.
Nice I'm also interested to learn 😊 Sushilsarkar-s-tp
Nice I'm also interested to learn 😊
i'm so happy for understand this code tokyojp
i'm so happy for understand this code
Have created the two columns successfully by watching your video lesson ❤❤❤ Cheers WendyHuNanNZ
Have created the two columns successfully by watching your video lesson ❤❤❤ Cheers
You would have to put the result first and then the development... but good eluser
You would have to put the result first and then the development... but good
Add transition attribute on both button and button:hover. Ar-TK
Add transition attribute on both button and button:hover.
finally a normal login page without ultra animations and 91799919 lines of css code. good job! xekeplove
finally a normal login page without ultra animations and 91799919 lines of css code. good job!
Can u tell which software u are using now!! mohdsahal
Can u tell which software u are using now!!
No <form> tag? How you gonna POST? kieransmithy
No <form> tag? How you gonna POST?
Why did the inputs and the button strech without setting a width value? khaledMohamed-tpwx
Why did the inputs and the button strech without setting a width value?
Thats have also leraned html and was helpful saharabbas
Thats have also leraned html and was helpful
You should apply transition on "login button" abdulrafay
You should apply transition on "login button"
<Title>We Can Do This</Title> Bostonia
<Title>We Can Do This</Title>
You shoulf put background color:rgba(235, 35, 78, 0.7) LaxmiPaudelDhakal
You shoulf put background color:rgba(235, 35, 78, 0.7)
I use VS code, but beginner and I found this to be way too fast for me to grasp KhalRashid
I use VS code, but beginner and I found this to be way too fast for me to grasp
For HTML apps, what do you recommend? Sublime Text or Visual Studio Cods? mrdevbai
For HTML apps, what do you recommend? Sublime Text or Visual Studio Cods?
Whats the point of making it if it doesn't work, however good it looks? Make a tutorial with using javascript also Insentium_gd
Whats the point of making it if it doesn't work, however good it looks? Make a tutorial with using javascript also
