Self-contained HTML file

If you’re exporting from Sketch, the way you export determines how the SVG is sized.

  • Exporting the layer directly results in an object with the same sizing as the original object
  • If you place the element(s) on its own artboard, and export the artboard as an SVG, it will respond to the size of its container

When you place a regular image (like a JPG) within the inner HTML of an object, you would just need to set its width to be 100% (instead of pixel based) to get it to expand and contract based on the size of its container. Then for the actual Hype element, you would use flexible layout properties to get it to respond to the scene width.