Project Grade: Interactive + Media

GRADED PROJECT CHECKPOINT — add the interactive and media layers to your Documentation Hub: an FAQ of 3+ sibling <details name="faq"> with non-empty summaries; a <dialog> destructive-action with aria-labelledby, autofocus on the safe button and a method="dialog" form; a hero <picture> with avif + webp sources, JPEG fallback <img> with width/height and alt; a demo <iframe src="https://demo.kite.dev/embed" sandbox="allow-scripts" title loading="lazy">.

Difficulty: advanced