public/code-crispies
2
1
Fork 0
Code Issues 7 Pull Requests Actions Activity

fix: rewrite flexbox tasks to describe outcomes instead of answers #5

Merged
libretech merged 2 commits from 003-flexbox-task-wording into main 2026-03-28 19:59:25 +01:00
Conversation 0 Commits 2 Files Changed 4 +138 -14
libretech commented 2026-03-28 19:26:54 +01:00
Owner
Copy Link

Summary

  • Rewrites all 6 flexbox lesson task descriptions to describe desired visual outcomes instead of giving the exact CSS answer
  • Students must now reason about which CSS property/value to use rather than copy-pasting from the task text
  • Adds spec, plan, and task breakdown documentation for the change
  • Preserves all existing validations — no changes to accepted answers

Related to #3

Changes

  • lessons/flexbox.json — Rewrote task fields for all 6 flexbox lessons to describe outcomes (e.g., "The navigation links stack vertically. Make them display side by side." instead of "Add display: flex")
  • specs/003-flexbox-task-wording/spec.md — Specification for the wording changes
  • specs/003-flexbox-task-wording/plan.md — Implementation plan
  • specs/003-flexbox-task-wording/tasks.md — Task breakdown

Test Plan

  • Verified all 6 task descriptions no longer contain the exact CSS declaration as the answer
  • Confirmed each task now describes the desired visual outcome
  • Validated that lesson JSON structure remains valid and all validations are unchanged
## Summary - Rewrites all 6 flexbox lesson task descriptions to describe desired visual outcomes instead of giving the exact CSS answer - Students must now reason about which CSS property/value to use rather than copy-pasting from the task text - Adds spec, plan, and task breakdown documentation for the change - Preserves all existing validations — no changes to accepted answers Related to #3 ## Changes - `lessons/flexbox.json` — Rewrote `task` fields for all 6 flexbox lessons to describe outcomes (e.g., "The navigation links stack vertically. Make them display side by side." instead of "Add `display: flex`") - `specs/003-flexbox-task-wording/spec.md` — Specification for the wording changes - `specs/003-flexbox-task-wording/plan.md` — Implementation plan - `specs/003-flexbox-task-wording/tasks.md` — Task breakdown ## Test Plan - Verified all 6 task descriptions no longer contain the exact CSS declaration as the answer - Confirmed each task now describes the desired visual outcome - Validated that lesson JSON structure remains valid and all validations are unchanged
libretech added 2 commits 2026-03-28 19:26:55 +01:00
docs: add spec, plan, and tasks for flexbox task wording fix (#3) 672a2d28cb
fix: rewrite flexbox task descriptions to describe outcomes instead of answers (#3) 61acd692f4 
Replace copy-pasteable CSS declarations in all 6 flexbox lesson tasks with
outcome-oriented descriptions. Update validation error messages to hint at
properties without revealing exact declarations. Add regex validation for
flexbox-6 to accept both flex: 1 and flex-grow: 1.
libretech merged commit 372320b807 into main 2026-03-28 19:59:25 +01:00
Sign in to join this conversation.
Reviewers
No Reviewers
Labels
No items
No Label
Milestone
No items
No Milestone
Assignees
Clear assignees
libretech libretech-bot
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: public/code-crispies#5
No description provided.
Delete Branch "003-flexbox-task-wording"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?