У цьому скрінкасті ми збираємося розпочати форму коментарів у HTML / CSS. Розмітка для форми коментаря міститься у файлі comments.php у нашій темі. Ми шукаємо елемент, щоб знайти його.
Ми викладаємо кожен із трьох входів (ім’я, електронна пошта, url), використовуючи систему сіток, яку ми маємо на місці. Хлопчику, ми це добре використали?
У нас уже є файл CSS виключно для матеріалів, пов’язаних із коментарями, тож тут ми будемо працювати. Перше, що ми пишемо, - це зробити входи в нашій маленькій сітці шириною 100%, щоб вони помістилися всередині стовпця. Divs зробив би це природно, але входи поводяться більше як вбудований блок і не заповнюють автоматично ширину батьківських контейнерів. Ми також трохи возимося з основним текстовим полем, роблячи його на 100% шириною і не таким високим, як було. Ми вирішили не возитись із можливістю зміни розміру текстової області. Це насправді нічого не порушує.
Тоді ми працюємо за посиланням Відповісти. JavaScript вже прекрасно працює, тому що ми не плуталися з ідентифікатором форми, на яку покладається JavaScript. Нам потрібно зробити кілька налаштувань, як, наприклад, надати формі сірий фон, щоб дизайн його працював.
Ми витрачаємо решту часу, налаштовуючи деякі речі за допомогою медіа-запитів, щоб форма виглядала нормально на маленьких екранах.