Create a Stylish Login Form Using HTML and CSS - Step-by-Step Tutorial

[@MarvinGuzman-nd8xj]

I've been looking for someone to teach me like u do, I'm glad I found ur video.

[@jalalkhan-x8y]

A very nice video mate ,keep it up

[@i.kingdom2273]

You deserve this start❤❤❤ you are the best teacher at all keep continue you the best ever , the way how you explain more simple

[@xerikraytube3007]

Awesome video!, i am a beginner and your video is very helpful!

[@danaleko]

Glad it was helpful!

[@DailyMma247]

A very nice video mate ,keep it up

[@Asif05288]

Thank you Sir For giving the Code of this Login 😊😊

[@hemavarshini1822]

Thanks you so much . The video is very useful.

[@sharizaawinja5742]

Woooow this is just amazing😍

[@enogiasunalex9617]

Excellent. I did same and I got amazing exact result

[@umeba207]

this tutorial is awesome 💚💚

[@adil8460]

Oooh amzing Keep going

[@danaleko]

Thank you, I will

[@straightcable1836]

I'm a phone user. Then I encountered a problem where I couldn't use the icon . Is it true that it only works on the Desktop? Plss reply....

[@venkataganeshgunji7019]

which platform did you use sir

[@danaleko]

You mean languages?

[@shravyakarnam5544]

No words .. just amazing

[@WebDevXpert]

An informative video ,keep it up

[@alexandruioantimis9299]

amazing video, I would love to see you talking instead of AI :)

[@ChuckleChaseTV]

Nice work more videos from you. 🎉

[@danaleko]

More to come!

[@restart_perpetua]

hello, what should I add to this in order for me to log in and direct to the homepage?

[@amanaligaming5258]

add an anchor and link it to your homepage i guess

[@janinemaeporazo]

thank you it's very easy to understand😊

[@XYZ-zn7sy]

How to get the background picture like yours?

[@shreyagaikwad982]

Hello sir, i've copied and pasted all links like you told of boxicons but it won't work T_T, what do I do???

[@danaleko]

compare with the source code i have provided

[@yong8779]

Thanks for your sharing, good tutorial for beginner

[@nwohachikamso3805]

My background image isn't appearing what should I do?

[@Hazard0008]

Give height also not only img

[@mrmadgamingyt4550]

Just check jpg format or what

[@LegendarySaiyanChronicles]

Place the image your using in the same folder as in index.html file

[@boukrimohammed]

Bro thank you soooooo much

[@_dannyharper]

Great video! The backdrop filter isn’t working for me, I’ve followed along exactly how you did it. Any ideas why it might jot be working?

[@danaleko]

Sure, there could be a few reasons why the backdrop filter isn't working in your CSS: Browser Support: Check if the browser you're using supports the backdrop-filter property. As of my last update, it wasn't fully supported in all browsers, especially older versions. Make sure you're using an updated browser that supports this feature. CSS Syntax: Ensure that the syntax of your CSS is correct. The backdrop-filter property should be applied to the element you want to have the effect on, and the value should be specified correctly (e.g., backdrop-filter: blur(5px);). Element Stacking: Make sure the element you're applying the backdrop-filter to isn't set to position: static, as it might affect the rendering of the filter. Try setting its position to relative, absolute, or fixed to see if that resolves the issue. Parent-Child Relationship: Check the relationship between the element with the backdrop-filter and its parent elements. If the parent has certain properties like overflow: hidden, it might prevent the backdrop-filter from being displayed correctly. Hardware Acceleration: Sometimes hardware acceleration can affect the rendering of CSS properties. Try toggling hardware acceleration in your browser settings or test it on a different machine to see if it's a hardware-related issue. Testing with Different Values: Experiment with different values for the backdrop-filter property (e.g., blur, brightness, contrast, etc.) to see if the issue is specific to certain filter effects. Transparency and Color: Ensure that the element on which you're applying the backdrop-filter has some level of transparency or color that can be affected by the filter. If the element has no transparency or color, the filter might not be visible.

[@chintalagreeshma4664]

I am unable to link css code with html code can u please help

[@danaleko]

1:39 i have linked the CSS file. Note my CSS file name is "styles.css" replace that with your CSS File name

[@animek_recap]

Can you connect this on mysql? How?

[@uzairkpogcl6751]

Great Sir

[@RajaG-sr1np]

How to make this login page more responsive to any device. Please help me with this😢.

[@danaleko]

you can add media queries to your CSS code.

[@danaleko]

/* Existing CSS code */ /* Add a media query for screens smaller than 768px (adjust as needed) */ @media (max-width: 768px) { .wrapper { width: 90%; /* Adjust the width as needed for smaller screens */ max-width: 400px; /* Add a max-width to prevent it from becoming too wide */ padding: 20px; /* Reduce padding for smaller screens */ } .wrapper h1 { font-size: 30px; /* Reduce font size for smaller screens */ } .input-box input { font-size: 14px; /* Reduce font size for smaller screens */ } .wrapper .remember-forgot { font-size: 12px; /* Reduce font size for smaller screens */ } .wrapper .btn { height: 40px; /* Reduce button height for smaller screens */ font-size: 14px; /* Reduce font size for smaller screens */ } .register-link p a { font-size: 12px; /* Reduce font size for smaller screens */ } } /* Additional media queries can be added for other screen sizes as needed */

[@CodeJungle]

Check a responsive login form here kzbin.info/www/bejne/ZoO2cpyjnJadldk

[@jefeetenefrancia736]

thanks bro❤

[@skytoosefn3042]

Thanks.

[@Arjunkumar87878]

Can u make login and register form and it should be responsive please 🙏🙏

[@danaleko]

kzbin.info/www/bejne/b3rPkpqnmsqDj9U

[@MaybeCrax]

@@danalekoif my cousin puts in his username and password does the information comes to my pc

[@Developer-Rafiul]

Vary nice

[@JarrarAbbas-t5f]

NYC VEDIO

[@rifacts33]

Are you Bangladeshi ???

[@danaleko]

No

[@sodasoda-ml4iw]

full web html css js

[@danaleko]

Next video

[@kavishirashmika]

👍👍👍👍👍👍👍👍👍👍👍👍

[@احمدهانى-ض1ي2ت]

Hello my friend, I want to contact you