What is Responsive Web Design?
A website with a responsive web design adapts and changes according to the device it is viewed on. A responsive website often appears fundamentally different when viewed on a mobile device rather than a desktop PC or Mac in order to utilise available space more efficiently and optimise the viewing experience for mobile and tablet browsers. A responsive web design adapts the layout to the user’s viewing environment by using fluid grids, flexible images and CSS3 media queries. Elements that can disrupt the viewing experience on mobile phones and tablets, such as image sliders, banners and large graphics, are often relocated, replaced with intuitive menus, or removed from the web page entirely in order to facilitate effective, quick and easy browsing. Navigation elements such as drop down menus are often changed dramatically based on screen size and orientation, and other elements such as logos and search boxes are invariably relocated, resized or disabled on responsive web designs.