Build a Semantic FAQ Card
Build a native FAQ disclosure with semantic details and summary elements, then style the question and answer as a compact dark card.
HTML & CSS
Challenge overview
- Format
- Build a Component
- Category
- HTML & CSS
- Difficulty
- Beginner
htmlcsssemantic-htmldetailsbox-model
Keep practicing
More coding challenges
React · Beginner
Build a Team Member Card
Complete a reusable React team member card that reads name, role, and online status from props while rendering both example members.
View challengeJavaScript · Beginner
Build a Ticket Quantity Stepper
Wire a ticket quantity stepper that stays between zero and eight, updates the total and summary, and disables controls at the correct limits.
View challengeTypeScript · Beginner
Build a TypeScript Slugify Utility
Write a TypeScript slugify function that lowercases words, preserves digits, collapses punctuation into single hyphens, and handles empty input.
View challenge