Copy and paste this to embed the blog on any website—automatically fits your container's width and height.
<iframe
id="acorn-blog-embed"
src="https://acornwebstudio.com/blog-embed"
width="100%"
frameborder="0"
scrolling="no"
style="border:none; width:100%; display:block; min-height:400px;"
title="Acorn Web Studio Blog"
></iframe>
<script>
window.addEventListener('message', function(e) {
if (e.data && e.data.type === 'acorn-blog-height') {
var iframe = document.getElementById('acorn-blog-embed');
if (iframe) iframe.style.height = e.data.height + 'px';
}
});
</script>