Σε αυτό το σενάριο θα ξεκινήσουμε να δημιουργούμε τη φόρμα σχολίων σε HTML / CSS. Η σήμανση για τη φόρμα σχολίων βρίσκεται στο αρχείο comments.php στο θέμα μας. Ψάχνουμε για το στοιχείο για να το βρούμε.
Σχεδιάζουμε καθεμία από τις τρεις εισόδους (όνομα, email, url) χρησιμοποιώντας το σύστημα πλέγματος που έχουμε εφαρμόσει. Αγόρι έχουμε καλή χρήση από αυτό;
Έχουμε ήδη ένα αρχείο CSS αποκλειστικά για θέματα που σχετίζονται με σχόλια, οπότε εκεί θα δουλέψουμε. Το πρώτο πράγμα που γράφουμε είναι να κάνουμε τις εισόδους στο μικρό μας πλέγμα 100% πλάτος, ώστε να ταιριάζουν στη στήλη. Τα Divs θα το έκαναν φυσικά, αλλά οι είσοδοι συμπεριφέρονται περισσότερο σαν inline-block και δεν γεμίζουν αυτόματα το πλάτος των γονικών τους κοντέινερ. Παίζουμε επίσης με το κύριο textarea κάνοντας το 100% πλάτος και όχι τόσο ψηλό όσο ήταν. Αποφασίζουμε να μην χάσουμε την ικανότητα αλλαγής μεγέθους του textarea. Δεν σπάει πραγματικά τίποτα.
Στη συνέχεια, λειτουργεί ο σύνδεσμος Απάντηση. Το JavaScript λειτουργεί ήδη μια χαρά, γιατί δεν ταιριάξαμε με το αναγνωριστικό για τη φόρμα στην οποία βασίζεται η JavaScript. Πρέπει, ωστόσο, να κάνουμε ένα σωρό τσιμπήματα, όπως να δώσουμε τη φόρμα σε γκρι φόντο, έτσι ώστε ο σχεδιασμός του να λειτουργεί.
Αφιερώνουμε τον υπόλοιπο χρόνο με τα ερωτήματα πολυμέσων, ώστε η φόρμα να φαίνεται εντάξει σε μικρές οθόνες.