| layout | title | permalink |
|---|---|---|
page |
About |
/about/ |
<iframe class="responsive-iframe" src="https://www.gutenberg.org/files/120/120-h/120-h.htm" title="Treasure Island"></iframe>
<style>
.message {
margin-top: 10pt;
margin-bottom: 10pt;
}
.container {
position: relative;
overflow: hidden;
width: 100%;
/*padding-top: 86.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
padding-top: 150%;
}
/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
position: absolute;
top: 0;
left: ;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
}
</style>