Latihan 1: Aspect Ratio — CSS
Latihan 1 dari materi Aspect Ratio di CSS — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Bikin .video-wrapper selalu berbentuk layar video 16:9:
- Di dalam aturan
.video-wrapper { } yang sudah ada, tambahkan aspect-ratio: 16 / 9;
Gak perlu menulis height. Lebarnya sudah 100%, tingginya biar browser yang menghitung.
Hint
- Rasio mengunci perbandingan lebar dan tinggi, jadi tingginya ikut berubah saat lebarnya berubah.
- Propertinya aspect-ratio. Angka lebar di kiri, angka tinggi di kanan, dipisah garis miring.
- Tambahkan aspect-ratio: 16 / 9; di dalam aturan .video-wrapper, sesudah justify-content: center;
