Cara membuat header melayang auto resize dengan html css javascript

Hallo teman-teman semua apa kabar nih kali ini saya akan membagikan saran bagaimana cara membuat header auto resize dengan html css dan javascript tanpa menggunakan jquery.
Ada beberapa hal yang harus kita perhatikan untuk membuat header auto resize pertama mengerti css dan javascript. jika kalian bingung atau tidak tahu apa itu header auto resize kalian bisa kunjungi website kali.org situs resmi kali linux.
oke sekarang kita mulai.
Step pertama buat file html kosong lalu edit dan isikan seperti dibawah.

Setelah selesai buat file css di folder /css/style.css
kalian bisa copy saja file script di atas tapi jangan lupa untuk memahami terlebih dahulu agar tidak bingung
Setelah itu sekarang saatnya javascript file
jika sudah selesai silahkan kalian coba dan tara. apabila kalian menemukan error silahkan komen atau kontak saya melalui facebook.
Sekian dari saya terimakasih dan mohon maaf apabila ada kesalahan dari saya. tetap coding dan blogging