Jawaban:

B. Element akan memiliki lebar sebesar 100% dari viewport, mengabaikan ukuran maksimal aslinya.

Penjelasan:

Max-width: 100% menentukan bahwa elemen tidak boleh melebihi lebar viewport (browser window), meskipun jika elemen memiliki ukuran yang lebih besar dari viewport, itu akan diatur menjadi sebesar 100% dari viewport. Ini digunakan untuk mencegah elemen dari melebihi lebar viewport dan menyebabkan overflow.

Secara umum, max-width digunakan untuk menentukan ukuran maksimal dari sebuah elemen. Dalam hal ini, max-width: 100% menentukan bahwa elemen tidak boleh melebihi lebar viewport (browser window), meskipun jika elemen memiliki ukuran yang lebih besar dari viewport. Itu akan diatur menjadi sebesar 100% dari viewport.

Dalam pengembangan web, max-width sering digunakan untuk mencegah elemen dari melebihi lebar viewport dan menyebabkan overflow. Hal ini penting karena jika elemen terlalu lebar, maka akan ada horizontal scrolling atau elemen akan terpotong di viewport.

Selain itu, max-width juga dapat digunakan untuk mengatur ukuran elemen pada perangkat dengan ukuran layar yang berbeda. Misalnya, jika Anda ingin membuat sebuah elemen memiliki ukuran maksimal sebesar 600px pada perangkat dengan layar yang lebih besar dan memiliki ukuran maksimal sebesar 100% pada perangkat dengan layar yang lebih kecil, Anda dapat menggunakan media query dan max-width untuk mencapai tujuan tersebut.

Semoga membantu! Apabila ada hal yang kurang jelas boleh bertanya di komentar