Responsive Web Design Tricks & Tips

Page 1

Responsive Web Design

Presented By‌ http://brand-maestro.com


What Is Responsive Web Design? Responsive Web design is the approach that suggests that design and development should respond to the user‟s behaviour and environment based on screen size, platform and orientation. Ethan Marcotte Says, “Recently, an emergent discipline called „responsive architecture‟ has begun asking how physical spaces can respond to the presence of people passing through them…”


Adaptive User Experience Flexible Grid Layout Flexible Images & Typography

Media Queries


New devices with new screen size and resolution are being developed everyday. Some of them comes in landscape and some in portrait. In addition to designing for both landscape and portrait we must consider the hundreds of different screen sizes.





/ brandmaestro

/ brandmaestros

/brandmaestro



Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.