Iframes MCQ
15 Questions
Time: ~25 mins
Intermediate
CSS Iframes & Embeds — MCQ Test
Practice responsive iframe boxes, aspect-ratio, positioning, and overflow for embedded content.
Easy: 5 Q
Medium: 6 Q
Hard: 4 Q
Style the Box Around Embeds
CSS sizes the iframe element; sandbox and CSP are mostly HTML/security—CSS handles dimensions, borders, and clipping.
Responsive 16:9 embed
Use aspect-ratio or the padding-top hack with absolute iframe to avoid layout shift.
object-fit on iframe?
iframe is replaced content; sizing uses width/height/aspect-ratio; object-fit applies to other replaced elements like img/video more than iframe in practice.