Quiz Popup Integration Demo

Desktop iframe (600px height)

Optimized for desktop screens with larger text and spacing:

Mobile iframe (500px height)

Compact version for mobile screens with smaller text:

Integration Code Examples

Desktop iframe (600px height)

<iframe 
  src="https://co404quiz.vercel.app/quiz/digital-nomad-type?popup=true&device=desktop"
  width="500" 
  height="600"
  frameborder="0"
  style="border: none;"
  title="Digital Nomad Quiz">
</iframe>

Mobile iframe (500px height)

<iframe 
  src="https://co404quiz.vercel.app/quiz/digital-nomad-type?popup=true&device=mobile"
  width="400" 
  height="500"
  frameborder="0"
  style="border: none;"
  title="Digital Nomad Quiz">
</iframe>

Responsive iframe (auto-adjusts)

<div style="width: 100%; max-width: 500px;">
  <iframe 
    src="https://co404quiz.vercel.app/quiz/digital-nomad-type?popup=true&device=desktop"
    width="100%" 
    height="600"
    frameborder="0"
    style="border: none; border-radius: 8px;"
    title="Digital Nomad Quiz">
  </iframe>
</div>

@media (max-width: 768px) {
  iframe {
    height: 500px !important;
  }
}