Hai teman-teman gimana kabarnya ?? mudah-mudahan baik-baik aja yah aminn. teman-teman pasti tau kan form pencarian ??nah pada kesempatan kali ini kita akan membuat form pencarian 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

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

css css1 css3 css4

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 :

hasil1

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