Web Design Resources

Responsive-embed

Description: a container that forces embedded content to fill the current screen viewing size without unintended stretching.

a google calendar embedded on a page for sample viewing of page style
a video player interface embedded on a page for sample viewing of page style

Ideal for videos, maps, and calendars.


Do

  • Use for content in Primary Content Areas, best on pages with Secondary Content hidden.
  • Use the widescreen attribute as needed

Don't

  • N/A