Latihan 1: CSS Methodologies — CSS

Latihan 1 dari materi CSS Methodologies di CSS — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.

HTML-nya sudah memakai nama BEM: block card, lalu element card__title dan card__body. Biarkan HTML-nya apa adanya, lalu tulis CSS-nya di bawah komentar /* tulis CSS untuk BEM elements */:

Aturan .card__title berisi font-size: 20px;
Aturan .card__body berisi color: gray;

Tulis nama class-nya persis seperti di HTML, dengan dua garis bawah __.

Hint

Di BEM, tiap bagian kartu punya class sendiri, dan CSS-nya ditulis per class. Ada dua aturan baru yang perlu kamu tulis.
Selector-nya .card__title dan .card__body: titik di depan, dua garis bawah di tengah. Propertinya font-size buat judul dan color buat konten.
.card__title { font-size: 20px; } lalu di baris berikutnya .card__body { color: gray; }

</> { } .css => #id fn()

Versi baru

HyperSheets

bagian dari BelajarWeb.dev

Membuka gerbang…

Latihan 1: CSS Methodologies — CSS

Hint

Memperbarui Aplikasi