1. Popcorn Hack 1: Fix the Beaker Row

Challenge

Replace the flexbox and made-up box class with OCS grid classes.

Lines: 1 Characters: 0

UI Output

2. Popcorn Hack 2

Challenge

Change the fr values so all 4 beakers sit in one row and the Control Beaker is twice as wide.

Lines: 1 Characters: 0

UI Output

MCQ Check

1. Question 1:
   Answer: A. cols-4

2. Question 2: Answer: B. 2 boxes, the first twice as wide as the second

3. Question 3: Answer: C. ocs__grid-cell–header

4. Question 4:
   Answer: D. <div class="my-row" style="display:flex">

Homework Hack

Challenge

Fix both grids using only OCS classes. Press Run and keep going until every check says PASS.

Lines: 1 Characters: 0

UI Output

Homework Hack

Challenge

Fix both grids using only OCS classes. Press Run and keep going until every check says PASS.

Lines: 1 Characters: 0

UI Output