Pre-requisite: Responsive design is a Web development technique in which site content resizes to fit your device’s screen.
While services like Twitter and SoundCloud have chosen to make their embeds responsive, videos from YouTube and Vimeo, Maps from Google and photos from Instagram have received no such treatment. There have been ways around this oversight, but now a site has emerged to fulfill a simple mission: make the above services embed responsively.
The site’s called Embed Responsively, in case you were wondering.
To see a responsive embed in action, look below and resize your browser window; if you’re on mobile, you won’t need to anything.
Here’s the same photo embedded via Instagram directly. Resize your window and see what happens.
Perhaps the most important question is: why haven’t these services already made embeds responsive? Until things change, check out the site below.