07 Practice

Return to the lesson. Work in a copy of your project; attempt these before opening solutions.

1. Track arithmetic. A grid has 720px content width, three equal tracks, and 24px gaps. Calculate the track width, assuming no other constraints.
2. Fourth event. In a practice copy, create a fourth card and a temporary three-column grid. Predict its position and then verify. Preserve heading order and unique ids.
3. Wrong parent. Explain what happens if display: grid and three columns are applied to the events section instead of event-grid. Repair the selector rather than adding arbitrary item positions.

Return the main working project to a one-column grid before module 08.

Open explained solutions after attempting the tasks