Text in invoer velden mag groter.

Weetje: Als font size van het invoer veld niet 16 px (1em) is dan gaat iOS inzoomen op het veld.

De progress bar is ook te stylen. Ik zou het geheel ook meer een progress achtige look geven, wellicht dat pijltjes hier kunnen helpen.

Gaat responsive nog niet helemaal lekker. Zet hem ook eens in context

Vergeet de Vendor prefixes niet

Je zou de :checked selector in combinatie met de sibling selector kunnen gebruiken om de smileys te stijlen aan de hand van de geselecteerde checkbox (dit kan bij de stay-logged-in checkbox ook nog nuttig zijn). Misschien is het zelfs mogelijk de "er is nog geen radio button geselecteerd" state te stylen...

Deze gewoon [type=submit] maken. In de praktijk ga je waarschijnlijk toch iets van een class nodig hebben maar voor deze opdracht is het denk ik passender om het attribute te gebruiken.

Dit probleem is complexer: Het plaatje moet altijd helemaal zichtbaar zijn in elke viewport. Dus maximaal 100vh, en maximaal 100vw. Bovendien moet je ook altijd kunnen zien dat er een onderschrift is. En dit moet werken met een landscape en een portrait plaatje …
En kan je je nog herinneren hoeveel em breed een paragraaf maximaal mag zijn?
En hier is er iets mis met de aangeleverde HTML. Hier moet je dus wel iets aanpassen (-:

Waarschijnlijk te subtiel voor mensen met keyboard die kleurenblind of slechtziend zijn.

Het ziet er flitsend uit. Complimenten.

Ik snap het gebruik er van ivm targetting, maar ik zou het niet gebruiken om stijlen aan te koppelen ivm specificity (https://specificity.keegan.st). Probeer ook niet te specifiek te stylen (door nesting in preprocessor kan het zijn dat het niet op valt).
section#chat ol > li > p kan ook zo #chat p.

Het ziet er op punten echt erg mooi uit!
Kijk eens of je hier een echte site van kan maken. Lukt het je om alle elementen op een logische manier te tonen? Het mag op één pagina, maar ook op meerdere pagina's. Het onderwerp mag je natuurlijk zelf weten.

Ik ben hier nooit zo van (als iemand die plugins aanbied online) omdat hierdoor alle elementen ander layout gedrag gaan vertonen. Als je dus plugins gebruikt dan kan het zijn dat die breken omdat ze er van uit gaan dat elementen standaard op content-box staan.

Deze lijkt me nog niet af, toch?

Een lijst met media items is nog prettiger te navigeren als heel het item klikbaar is. Kan zonder de HTML aan te passen...