Responsive web design is a web design approach aimed at crafting sites to provide an optimal viewing experience. It offers easy reading and navigation with a minimum of resizing, panning, and scrolling across a wide range of devices, from desktop computers to mobile phones.

Developing responsive designs with WordPress CMS

Mobile phones, tablet, laptop and desktop computers can directly support the HTML/CSS features of Responsive web design. A site designed with a Responsive theme uses stylesheets to adapt the layout to the viewing environment along with fluid proportion-based grids and flexible images. This allows the website pages to use different styles based on characteristics of the device the site is being displayed on, most commonly the width of the browser.

The ‘fluid grid concept’ sizes page elements in relative units like percentages, rather than absolute units like pixels. Flexible images are also sized in relative units so as to prevent them from displaying outside their containing element. This can be used for elements such as the slider pictures on Peek’s website.

Peek are specialist WordPress bespoke theme developers. Have a peek at our portfolio of WordPress website designs.