OCS Sass: Containers

Complete each task in its CodeRunner cell. Resize the preview after running the popcorn hack to check the layout at phone and desktop widths.

Popcorn Hack 1

Replace the made-up wrapper and inline styles with the required OCS container, card, title, description, and three-cell grid. Run the cell and resize the preview to check the responsive layout.

Challenge

Popcorn Hack 1 - Build a responsive parade invite with OCS containers

Lines: 1 Characters: 0

UI Output

Homework: Parade Hub Page

Build the parade page with an OCS container and card, a three-cell grid, a table, and a callout. Run the cell and resize the preview to check it on phones and computers.

Challenge

Homework - Build the Poway Rotary Parade Hub Page

Lines: 1 Characters: 0

UI Output