Module Quiz: Project Foundations :Front-End Developer Capstone (Meta Front-End Developer Professional Certificate) Answers 2025
✅ MCQ Answers
1. Advantage of using <nav> tag
✔️ The <nav> tag is more semantically correct.
❌ The <nav> tag has better browser support.
❌ The <nav> tag has better styling options.
❌ The <nav> tag is faster to render.
2. True statements about the role attribute
✔️ It is global, so can be used to describe any element on a web page.
✔️ It describes the role of an element.
❌ It sets the default value of an element.
❌ It links the element to another element.
3. Correct Open Graph value
✔️ og:image
❌ og:title
❌ og:description
4. Main benefit of repeat() in CSS Grid
✔️ It reduces the amount of code that needs to be written.
❌ It takes in a boolean…
❌ It prevents a row or column from being repeated.
❌ It defines min/max values…
5. Feature that applies styles based on relationships
✔️ combination selectors
❌ units of measurement
❌ functions
❌ CSS grids
6. Ensure visited links turn purple
✔️ a:visited { color:purple; }
❌ a:link { color:purple; }
❌ a:class { color:purple; }
❌ a:visited { purple:color; }
7. Correct viewport-based units
✔️ 80vw
✔️ 90vh
❌ 80w
❌ 90h
8. HTML vs React event attribute parentheses
✔️ True
(HTML doesn’t use parentheses; React does.)
❌ False
9. What is a prop in React?
✔️ A way to pass data from a parent component to a child component.
❌ A way to modify the component’s state.
❌ A property of a component’s state.
❌ A way to handle user input.
10. True or False: Event handlers update state
✔️ True
❌ False
📘 Summary Table
| Q# | Correct Answer | Explanation |
|---|---|---|
| 1 | <nav> is semantically correct ✔️ |
Helps SEO & accessibility |
| 2 | Global + describes role ✔️✔️ | Used for accessibility |
| 3 | og:image ✔️ | Used for sharing thumbnail images |
| 4 | Reduces code ✔️ | Easier repeated columns/rows |
| 5 | Combination selectors ✔️ | Style by element relationships |
| 6 | a:visited { color:purple; } ✔️ |
Controls visited link color |
| 7 | 80vw, 90vh ✔️✔️ | Viewport width/height units |
| 8 | True ✔️ | React uses parentheses, HTML doesn’t |
| 9 | Props pass parent → child ✔️ | Fundamental React concept |
| 10 | True ✔️ | Event handlers trigger state updates |