How to avoid empty space on top of my presentation

[rodrigo-j-goncalves]

I am using revealjs format in Quarto. I asked this in Quarto Discussions but I was suggested to ask here since it seems to be revealjs-related.

Problem
Some of the text at the bottom of my slides gets cut when I present with a projector and a PC different than my laptop. This makes my slides 'unpredictable' because I expect to see some text and I never really know if that portion at the bottom will appear or not during my presentation.

I expect that all the content of each slide should be visible at all times (i.e. in different screen sizes and aspect ratios), even if that means that the whole slide will be somewhat smaller. I think 'show all the content' should have priority over 'keep the size as in the original computer'.

In addition, while the text at the bottom gets cut, there is a significant amount of space at the bottom, i.e. unused space. This seems unexpected to me, as it doesn't look like it is optimizing the available space to accommodate the content (unused space on top, and missing space on bottom). You can see in the screencast that I changed the height of the screen (VSC preview)(but the same happens in Firefox/Chrome) and the bottom part keeps being cut while there is space on top that could be used to prevent this.

Question:
First, what am I doing wrong?
And then:
Is there a way of configuring revealjs (or add additional CSS/JS code?) to set a 'safe configuration' that will
A) Place the content at the very top of the available space, and
B) Prioritize showing the content by adjusting the position and size of the contents in response to changing the screen size.

Sorry for misusing or missing terms, no idea about frontend tools...

Thanks for this wonderful software!

[rodrigo-j-goncalves]

Apparently, it was so simple as just increasing the height within revealjs format options. See the discussion at Quarto's site to see the working code and video.