06 Practice

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

1. Predict the axes. For flex-direction: column, explain which direction justify-content affects in our English page. Verify with a temporary experiment.
2. Long-label test. Change “Plan your visit” to “Read the full arrival and access information.” Narrow the window. Make the links wrap without hiding or shrinking text.
3. Repair the wrong container. A learner applies display: flex to each li but expects the entire list to become a row. Explain what became a flex item and move the declaration to the correct element.

Do not use order to make the source and visual sequence disagree.

Open explained solutions after attempting the tasks