En este screencast vamos a empezar a construir el formulario de comentarios en HTML / CSS. El marcado del formulario de comentarios se encuentra en el archivo comments.php de nuestro tema. Buscamos el elemento para encontrarlo.
Diseñamos cada una de las tres entradas (nombre, correo electrónico, url) usando el sistema de cuadrícula que tenemos. Chico, hemos hecho un buen uso de eso, ¿eh?
Ya tenemos un archivo CSS exclusivamente para cosas relacionadas con comentarios, así que ahí es donde trabajaremos. Lo primero que escribimos es hacer que las entradas en nuestra pequeña cuadrícula sean 100% anchas para que quepan dentro de la columna. Los Divs harían esto de forma natural, pero las entradas se comportan más como un bloque en línea y no llenan automáticamente el ancho de sus contenedores principales. También jugamos un poco con el área de texto principal haciéndola 100% ancha y no tan alta como era. Decidimos no interferir con la capacidad de cambio de tamaño del área de texto. Realmente no rompe nada.
Entonces conseguimos que funcione el enlace Responder. El JavaScript ya funciona bien, porque no nos metimos con la ID del formulario en el que se basa JavaScript. Sin embargo, necesitamos hacer un montón de ajustes, como darle al formulario un fondo gris para que el diseño funcione.
Pasamos el resto del tiempo ajustando algunas cosas con las consultas de medios para que el formulario se vea bien en pantallas pequeñas.