Ebben a képernyõben a komment / űrlap HTML / CSS formában történő elkészítésével fogunk foglalkozni. A megjegyzés űrlap jelölése a témánkban található comments.php fájlban él. Megkeressük az elemet, hogy megtaláljuk.
Mindhárom bemenetet (név, e-mail, url) kirakjuk a meglévő rácsrendszer segítségével. Fiú, jó hasznát vettük ennek?
Már van egy CSS-fájlunk, kizárólag a megjegyzésekkel kapcsolatos dolgokhoz, tehát ott fogunk dolgozni. Az első dolog, amit írunk, hogy a kis rácsunk bemeneteit 100% szélessé tesszük, hogy azok illeszkedjenek az oszlopba. A div-ek ezt természetesen megtennék, de az inputok inkább úgy viselkednek, mint az inline-block, és nem töltik be automatikusan a szülőtárolóik szélességét. Kicsit babrálunk a fő szövegterületen is, így 100% széles és nem olyan magas, mint volt. Úgy döntünk, hogy nem keveredünk a textarea átméretezési képességével. Valójában nem tör el semmit.
Ezután a Válasz link működik. A JavaScript már nagyon jól működik, mert nem kavartuk össze az űrlap azonosítóját, amelyre a JavaScript támaszkodik. Csinálnunk kell azonban egy csomó módosítást, például meg kell adni a formának egy szürke hátteret, így a kialakítása jól működik.
A fennmaradó időt bizonyos dolgok média lekérdezésekkel történő csípésével töltjük, hogy az űrlap rendben legyen kis képernyőkön.