Hai teman-teman gimana kabarnya ?? mudah-mudahan baik-baik aja yah aminn. teman-teman pasti tau kan form Login ??, ituloh kalau kita mau masuk ke website Facebook  atau Twitter pasti kita harus masukan username dan password,  nah pada kesempatan kali ini kita akan membuat form login Responsive menggunakan CSS . gampang ko teman-teman cara membuatnya , penasaran meningan ikutin aja yuk disini ga bakalan rugi ko 🙂

 

Oke pertama-tama teman-teman buat script HTMLnya seperti ini :

html html2

Nah Jika sudah sekarang teman-teman buat script CSSnya seperti ini:

css css1 css2 css3 css4 css5 css6 css7 css8 css9

Nah jika teman-teman telah membuat script HTML dan CSS nya sekarang coba teman-teman lihat hasilnya di browser seperti apa , pasti seperti ini :

hasil

Nah jika layarnya di kecilkan maka akan seperti ini :

hasil2

gimana teman-teman cukup mudah bukan membuat form login responsive . oke semoga bermanfaat yah dan selamat mencoba .