Chapter 8 Review and Apply


Review Questions:
1. A
2. C
3. B
4. B
5. D
6. D
7. B
8. D
9. C
10. B


Hands-On Exercises
1. Nav {display:flex; flex-flow:row wrap;}
2. @supports (display:grid)
3. #container{display:grid; grid-template-columns:75% 1fr; grid-template-rows:100px 1fr;}
4. @media (max-width:1024px) {}
5. .
6. .
7. #wrapper{display:grid; grid-template: “nav nav nav” 100px “#nav2 main aside” auto / 100px 1fr 400px;}
nav{grid-area:nav;}
#nav2{grid-area:#nav2;}
main{grid-area:main;}
aside{grid-area:aside;}