How To Quiz
Check how well you understand the components you built in the How To guides.
About This Quiz
- There are 10 questions, one for each guide.
- Choose an answer to see the explanation.
- If you are unsure, open the guide again and run the complete example.
Questions
Exercise
1. In the navigation bar, what shows the links on small screens only?
Exercise
2. In the dropdown, why is event.stopPropagation() used on the button?
Exercise
3. How does the modal close when you click the dark area but not the white box?
Exercise
4. In the tabs guide, which attribute links a tab button to its panel?
Exercise
5. Why does the accordion animate max-height instead of switching display?
Exercise
6. Which function makes the slider change slides automatically?
Exercise
7. In the dark mode guide, where is the visitor's choice remembered?
Exercise
8. Which CSS keeps the back to top button in the corner while the page scrolls?
Exercise
9. What does grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) do?
Exercise
10. Why must a server check form data even after JavaScript validation?
Keep Building
Mix these parts together: a page with a navbar, a slider, a cards grid, a contact form and a dark mode switch is already a real website. Learn more in the JavaScript tutorial and the CSS tutorial.
Ready to build full websites? The Workownix Web Development course teaches you to plan, build and publish real projects, online or at our institute in Orangi Town, Karachi.