Ik had 4 maanden lang geprobeerd layouts te bouwen met alleen YouTube-tutorials. Elke keer liep ik vast op hetzelfde punt: de theorie klopte, maar mijn scherm zag er niet uit zoals het moest.
Wat er daarvoor misging
Ik gebruikte de browser-devtools nauwelijks. Ik schreef CSS in een tekstbestand, ververs de pagina, en hoopte op het beste. Dat werkt niet als je nog geen gevoel hebt voor de cascade.
Tools die daarna het verschil maakten
CSS Grid Generator van Sarah Drasner gaf me voor het eerst een visueel beeld van wat ik aan het typen was. Niet als vervanging voor leren, maar als brug tussen concept en code.
Specificity Calculator op polypane.app loste een concreet probleem op: ik begreep niet waarom mijn stijlen werden overschreven. Na 15 minuten met die tool snapte ik het eindelijk.
Wat ik anders deed
Ik stopte met kopiëren en begon kleine variaties te testen. 1 eigenschap tegelijk aanpassen, kijken wat er verandert. Dat klinkt traag, maar het scheelde me weken aan verwarring.
Het probleem was niet dat ik de verkeerde tools had. Ik gebruikte ze gewoon niet actief genoeg.
Flexbox Froggy en Grid Garden zijn gratis en voelen als spelletjes, maar na 8 levels merkte ik dat ik minder hoefde op te zoeken. Dat is het enige meetbare resultaat dat telt.