Responsive web design is an approach that tailors design and development to user behavior and environmental factors, particularly focusing on screen size and orientation. It involves flexible grid layouts, media queries, and adaptable imagery, acknowledging the diversity of devices and screen resolutions available today. The concept has parallels with 'responsive architecture' which explores how physical spaces can adapt to human presence.

1. Responsive
Web
Design
Presented By…
http://brand-maestro.com

2. What I s
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…”

3. Flexible Gr id Layout
Media Quer ies
Flexible I mages &
Typography
Adapt ive User
Exper ience

4. New devices wit h new screen size and
resolut ion are being developed everyday.
Some of t hem comes in landscape and
some in port rait . I n addit ion t o designing
f or bot h landscape and port rait we must
consider t he hundreds of dif f erent
screen sizes.

8. / brandmaestro
/ brandmaestros
/brandmaestro