For a better experience, click the Compatibility Mode icon above to turn off Compatibility Mode, which is only for viewing older websites.

Responsive Design

Responsive web design is an approach in which websites are crafted to provide optimal viewing experiences — legible and navigable with little resizing, panning, and scrolling — across a wide range of platforms (from desktop computer displays to mobile devices).

The development necessary to accomodate responsive browsing is programmed into Drexel University's content management system, so all websites built using the SiteCore tool utilize responsive design. To gain more understanding of how the content area changes its width to fit different devices sizes, review the Grid System page.

An important role of content authors is to understand that the material put into Drexel's websites will be scaled to fit different-sized devices.

There are four responsive sizes:

  1. Computer - widest view
  2. Landscape - second widest view
  3. Portrait - third widest view
  4. Mobile - most narrow view