How can I integrate PollUnit full-screen or in a custom size?
PollUnit is integrated as iFrame. You can freely adjust the size of the iFrame with CSS. You can add a class or ID to the PollUnit iFrame and adjust the display with your stylesheet.
Example Html
<iframe id='#pollunit' src="https://pollunit.com/polls/..." />
Example CSS
#pollunit {
width: 100%;
height: 1000px;
}
To scale the iFrame to the size of your browser, you can use the units vh and vw:
#pollunit {
width: 100vw;
height: 100vh;
}
Or even deduct something from the height or width.
height: calc(100vh - 100px)
So you could place the PollUnit e.g. screen filling under your web page headers.
You can find further information in our Tutorial about embedding your PollUnit.So you could place the PollUnit e.g. screen filling under your web page header.