My website features various div elements acting as separate windows. However, when I remove these divs, the content no longer fits the entire page.
I attempted to use CSS to make it full-page without using iframes, just with a simple <p>Test</p>
My goal is for the content to seamlessly fit within the user's view without relying on an iframe.
Edit: Here is the code before and after making changes.
Before (Not Working):
<style>
.sec1 {background-attachment: fixed;min-height: 100%;background-position: center;background-repeat: repeat-xy;}
</style>
<div class="sec1">
<iframe src="#"></iframe>
</div>
After (Working):
<style>
.sec1 {background-attachment: fixed;min-height: 100%;background-position: center;background-repeat: repeat-xy;width:100%;height: 101vh;}
</style>
<div class="sec1">
<h1>Sec1 Test</h1>
</div>