stem-quiz-iframe.html

<style>
.quiz-container {
    position: relative;
    padding-bottom: 90%;
    height: 0;
    overflow: hidden;
}

.quiz-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (max-width:1025px) {
    .quiz-container {
        padding-bottom: 140%;
    }
}

@media (max-width:640px) {
    .quiz-container {
        padding-bottom: 240%;
    }
}

</style>

<div class="quiz-container">
    <iframe src="https://quiz.chevronstemquiz.com/quiz/" style=" border-width:0 " width="800" height="600" frameborder="0" scrolling="yes">
    </iframe>
</div>