Dalam screencast ini kita akan mulai membuat formulir komentar dalam HTML / CSS. Markup untuk formulir komentar ada di file comments.php di tema kita. Kami mencari elemen untuk menemukannya.
Kami meletakkan masing-masing dari tiga input (nama, email, url) menggunakan sistem grid yang kami miliki. Wah, kita sudah memanfaatkannya dengan baik ya?
Kami sudah memiliki file CSS khusus untuk hal-hal yang berhubungan dengan komentar, jadi di situlah kami akan bekerja. Hal pertama yang kami tulis adalah membuat input di grid kecil kami 100% lebar sehingga sesuai dengan kolom. Div akan melakukan ini secara alami, tetapi input berperilaku lebih seperti blok-inline dan tidak secara otomatis mengisi lebar wadah induknya. Kami juga mengutak-atik area teks utama sehingga membuatnya 100% lebar dan tidak setinggi itu. Kami memutuskan untuk tidak mengacaukan kemampuan mengubah ukuran textarea. Itu tidak benar-benar merusak apapun.
Kemudian kami mendapatkan tautan Balas berfungsi. JavaScript sudah berfungsi dengan baik, karena kami tidak mengacaukan ID untuk bentuk yang bergantung pada JavaScript. Kita memang perlu membuat banyak penyesuaian, seperti memberi bentuk latar belakang abu-abu agar desainnya berfungsi.
Kami menghabiskan sisa waktu untuk mengutak-atik beberapa hal dengan kueri media sehingga formulirnya terlihat oke di layar kecil.