Responsive Login Page - Tailwind CSS

Fully responsive login page / screen using HTML / Tailwind CSS.
Image used: images.unsplash.com/photo-161...
Eye icon: icons.getbootstrap.com/icons/...
Google icon: icons8.com/icons/set/google-logo
Full code: codepen.io/mfg888/pen/gOevEoL
Get 1 month free of Skillshare membership:
skl.sh/3UPoT1O
Buy me a coffee ?
ko-fi.com/mohamedghulam

[@mowebdev4162]

Get 1 month free of Skillshare membership:
skl.sh/3UPoT1O

[@phil5293]

Awesome video. Very well explained. Best tailwind css login tutorial I've come across so far. I thought the audio was AI generated, at first!

[@zulkifsaltik]

Bravo 👏 Very clear and clean 💯 It's one of the best videos and tutorials I've seen for beginners.

[@mowebdev4162]

Thank you so much, you have no idea how much this means to me! You made my day!

[@zulkifsaltik]

@@mowebdev4162 My humble advice to you is to continue producing videos (5 min. and 10-20 min.) that meet the expectations of the community. And your channel will continue to grow with the community. Anyway, I've been coding for 30 years, you did a great job. Just keep going!

[@barraganroberto]

Great tutorial! Keep them coming! 🔥

[@mowebdev4162]

Thanks Roberto! Will do!

[@szigyartom]

Great videos, thank you for sharing!

[@luishenriquemedeirosbecker9644]

your video are awesome, support form brazil

[@ukwuteyinoreneojo4159]

Amazing project thanks

[@jamesdean3787]

fantastic.. thank you

[@joyjeetmukherjee8680]

Love from India❤

[@quintin1561]

Loved it!

[@mowebdev4162]

glad you did! 💜

[@Deepblue2000]

Thank you from peru

[@danieldanish2453]

thanks. I have an issue want to set the border to other color but the border color balck still apply after all that i have done

[@mj2758]

Great video keep it up Mate 🙂

[@mowebdev4162]

Thank you so much MJ

[@MiladJoodi]

Thanks a lot ♥

[@Ryan12458]

Great tutorial, thank you! Only question I have is how did you make the image cover the full height of the right side? Any other image I use doesn't fill up the entire space on the right.

[@ishtiharali3692]

set height for ur image just like h-[30rem] ,,,, according ur requirments u will get ur answer

[@shakilahmed6870]

give it a class h-screen

[@nolep5555]

great video

[@mowebdev4162]

Thank you so much!

[@twiggy99]

Is this some kind of text to speech conversion? The audio sounds really flat and robotic

[@parichaypari7872]

for me the hover effect doesn't work when checking with the mobile screen view. Please help.

[@ademyaren25]

Because you cant hover on your mobile phone. You have to click on the button for the hover effect. Its like a interactivity

[@anjalismenon3672]

😍

[@lovelycat4951]

thank u

[@mowebdev4162]

You're welcome.

[@olanricardo]

Thanks

[@mowebdev4162]

My pleasure.

[@user-zp1wx6fw7h]

you bro can you do more video u learn more and more can you do a project e commerce with react js and Tailwind CSS have a good day

[@tanverislamtonmoy]

all Image link is not correct. Please check again

[@mowebdev4162]

links are updated now, thank you for pointing this out 👍🏻

[@developerjr8669]

Hi, bro!! Which is theme do you uses brother?

[@mowebdev4162]

Hi José, I am using this extension: Community Material Theme
Theme name: Community Material Theme Darker High Contrast
Extension link: marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-community-material-theme

[@developerjr8669]

@@mowebdev4162 gracias por el recurso bro, lo voy a instalar ahora mismo 👍🏻