STUDI KASUS CodingHTMLHome

Article

About

CodingCSS

Tampilan Web

Keterangan :Pada tugas rumah ini berisikan konten beranda, artikel dan tentang saya. Layout menggunakan system grid yaitu menerapkan pembagian parameter ukuran tiap col yang dituliskan di file css dengan tujuan untuk membuat garis bantu penyusun elemen yaitu col3,col9 dan col 12 dengan pengaturan lebar default yang telah ditetapkan.Pada konten yang berisikan link artikel menggunakan col3 dan yang berisi konten bebas menggunakan col9. Sedangkan pada indeks menu atas dan footer menggunakan col12.Pada kode CSS terdapat desain pada keseluruh div yang dibuat baik bertipe id maupun class. Pada selector hover khusus pada col3 jika diarahkan akan terjadi transformasi yaitu bertambah lebar. Pada background area navbar hover juga jika diarahkan mouse akan berganti warna. Juga pada selector lain didesain sesuai dengan yang diinginkan dengan tetap memperhatikan desain dari system grid.