Resize embedded js code

[wineskipping]

I have a resova site set up for scheduling online classes. I'd like to embed that content in Weebly. According to resova, I need just copy this code and then can manually adjust the size of the embedded object with your tools. I have inserted the embed code but the display box is so small that no one could possibly use it to schedule a class. You can't even see the list of classes. I tried using an iframe wrapper with sizing but that broke page. Any suggestions? I know others are doing it so must be possilbe. 

<div id="resova-wrapper"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src="https://mysitename.resova.us/widget";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'resova-pi'));
</script>

[ashc]

Heya @wineskipping and welcome to the Community.

Did you check out this Support Center article already? 

It goes over the widget/embedded codes options and how you can change the appearance of them. Might help!

[wineskipping]

Thanks I definitely did read that but it doesn't tell you how to enlarge the embed area only how to insert the code. What I get is this: 

https://photos.app.goo.gl/KUmkchLEsu274W3z6

When what I want is this:

https://wineskipping.resova.us/

No matter which of the two layout options I'm given. I tried wrapping the div tags in an iframe with more width and hight but it broke the page and I tried using width and hight in the div itself to no avail. 

This will definitely be a deal breaker as the only thing I'm selling is bookable sessions through Resova so if the integration looks like this it's a non starter. 

Thanks