Lay out with a container — practice exercise

What you'll be asked to do

1. 1.Lay out with a containerexercise · easy · 10 min

   Add a row container holding two iframes.

   Passes when: Add a row container holding two iframes.

2. 2.One panel per regionexercise · easy · 10 min · practice plan

   Embed a single titled panel.

   Passes when: Embed a single titled panel.

3. 3.A sidebar and a main areaexercise · easy · 10 min · practice plan

   Use an aside and a main region instead of frames.

   Passes when: Use an aside and a main region instead of frames.

4. 4.Size the panelsexercise · easy · 10 min · practice plan

   Give both frames explicit dimensions.

   Passes when: Give both frames explicit dimensions.

5. 5.A modern split layoutexercise · medium · 10 min · practice plan

   Build a row container with two titled, sized panels.

   Passes when: Build a row container with two titled, sized panels.

6. 6.Fix the frameset layoutbug fix · easy · 8 min

   frameset was removed; use a container and iframes.

   Passes when: frameset was removed; use a container and iframes.

7. 7.Fix the untitled panelbug fix · easy · 8 min · practice plan

   A frame needs a title to be understood.

   Passes when: A frame needs a title to be understood.

8. 8.Fix the divs used for regionsbug fix · easy · 8 min · practice plan

   A sidebar and main area have their own elements.

   Passes when: A sidebar and main area have their own elements.

9. 9.Fix the second panel with no sizebug fix · easy · 8 min · practice plan

   Both frames need dimensions.

   Passes when: Both frames need dimensions.

10. 10.Fix the panels with no wrapperbug fix · easy · 8 min · practice plan

    The layout needs a container to arrange them.

    Passes when: The layout needs a container to arrange them.

Between them these tasks cover Removed layout, CSS layout and iframes.

Looking for a different chapter? See every practice set, or switch to the interview theory questions.