Tel rasterlijnen in plaats van bezette cellen
Lees het bewateringsdoel van het niveau en identificeer vervolgens de lijnen die het beoogde gebied afbakenen. Rasterplaatsing wordt beschreven met grenzen en sporen; een regelnummer is niet simpelweg het nummer van een gekleurde cel. Voordat u CSS invoert, wijst u de gewenste begin- en eindgrens aan. Dat kleine onderscheid maakt het gemakkelijker om het gebied te voorspellen dat een regel zal bestrijken, dan om het pas te ontdekken nadat het water beweegt.
Wanneer een taak een bereik gebruikt, bedenk dan hoeveel sporen het gebied moet bestrijken. Vertaal dit niet rechtstreeks naar pixelafstand en gebruik geen flexbox-uitlijningsregel alleen maar omdat bij beide games CSS betrokken is. Voer één wijziging in de editor in, observeer het bewaterde gebied en vergelijk het met de wortels of andere doelen die door het niveau zijn gespecificeerd. De huidige taak bepaalt wat als succes telt; een visueel breed vlak is niet automatisch de beoogde oplossing.
Gebruik de vorm van het resultaat om de regel te diagnosticeren
Als het bewaterde gebied op de verkeerde plaats begint, inspecteer dan de gekozen startgrens. Als het correct begint maar te vroeg of te laat eindigt, inspecteer dan het einde of de overspanning. Als het in de verkeerde richting verandert, controleer dan welke rij- of kolomeigenschap je hebt gebruikt. Door de geometrische fout een naam te geven, krijgt u een nauwkeurige volgende bewerking en voorkomt u dat meerdere correcte delen van de regel in één keer worden vervangen.
Leg na een succesvolle poging uit welke lijnen het doel omsloten en hoe de regel deze heeft geselecteerd. Die uitleg gaat beter over dan een losgekoppelde antwoordreeks, omdat latere niveaus een ander raster kunnen gebruiken of beperkingen kunnen combineren. Dit centrum ondersteunt de daadwerkelijke interactieve CSS-tuin en de bijbehorende niveau-instructies. Het belooft geen op pixels gebaseerde lay-outtutorial, een externe certificering of een compleet antwoordblad dat tegen elke versie is getest. Gebruik de afspeelpagina voor de editorbediening en keer hier terug als u gericht een positioneringsfout wilt bekijken.
Als het water bijvoorbeeld één spoor te veel bedekt, markeer dan de gewenste eindgrens en vergelijk deze met de waarde of het bereik dat u hebt ingevoerd. Houd het juiste begin ongewijzigd terwijl u het einde herziet. Als het resultaat naar een andere rij wordt verplaatst, inspecteert u de rijregel afzonderlijk van de kolomregel. Wanneer het doel correct is bedekt, beschrijf dan de grenzen en sporen in woorden. De oefening is om de plaatsing van CSS te verbinden met het zichtbare raster, wat handig is bij een nieuwe opstelling waarbij de vorige antwoordreeks niet langer het beoogde gebied selecteert.
Tips en strategieën voor de Grid Garden
Vink een tip aan voor je volgende ronde. Deze lijst verandert het spel niet en slaat je spelvoortgang niet op.
Vragen en antwoorden over de Grid Garden
Welk onderwerp wordt er in de Grid Garden behandeld?
Het biedt interactieve oefening met het CSS-raster door middel van puzzels met tuinontwerpen.
Bestuur ik een bewegend personage?
Nee. De belangrijkste interactie is het invoeren van CSS, waardoor de rasterplaatsing verandert.
Wat is de oorspronkelijke bron?
De Grid Garden van Thomas Park levert de onder MIT-licentie uitgebrachte broncode en de CC BY 3.0-illustraties die in deze recensie zijn gebruikt.
Bedekken startlijn 2 en eindlijn 4 vier vakjes?
Nee. grid-column-start: 2 en grid-column-end: 4 kiezen de ruimte tussen lijn 2 en 4: twee kolomsporen. De eindlijn is een grens en geen extra bewaterd vakje. Tel de tussenruimtes of gebruik span 2 en bekijk de markering voordat je ook de rijpositie verandert.