Persegi dengan tinggi sama dengan lebar, Responsive Box CSS only

Membuat persegi dengan CSS? Mudah tinggal buat elemen HTML misalkan div, kemudian beri style {height: 100px; width: 100px;}. Selesai.

Tapi bagaimana kalau kita ingin hasil yang responsif/ responsive design? Jadi berapa pun lebarnya, kita tak perlu mendeklarasikannya, tingginya bisa kita atur, dan, kita cuma perlu CSS, bisakah?

Yup, bisa. Bahkan kita bisa mengatur berapa prosentase tinggi dari lebarnya. Kali ini saya akan membahas hal tersebut.