This is an example of an embedded iFrame of the PurpleAir map (zoomed into Methow) on a Squarespace Page. We can set the width to 100% of the page width but a vertical height must be designated and in this case it is 750 pixels tall. This might be fine for a larger monitor but on a smaller macbook air for example, you’ll have to scroll up and down to see the map from top to bottom. It seems to work pretty well on mobile as well – I’m not sure if you can set different width/heights for different viewports or include other iFrame formatting options but I’ll look into it. One unavoidable issue I THINK is that whenever your mouse is hovering over the map and you scroll, the map wants to ZOOM. I’ll look into the possibility of the iframe disabling that but again, not sure.