1. Popcorn Hack (In-Class): Parade Invite Rescue

Challenge

Rescue a broken Poway Scripps Rotary Parade invite page using only the OCS container grammar.

Lines: 1 Characters: 0

UI Output

2. Homework Hack

Challenge

Rebuild the Parade hub using one ocs__container, one ocs__card, title, description, cols-3 grid (header, accent, muted cells), ocs__table, and ocs__callout.

Lines: 1 Characters: 0

UI Output

Optional SASS Extra (+0.2)

// Custom wider container variant for high-resolution displays
.ocs__container--wide {
  @extend .ocs__container;
  max-width: 1200px;
}