What is Responsive Web Design?

Responsive design means writing code ONCE, and having the page look great EVERYWHERE. A great, responsive site should be able to adapt to various screen resolutions. It will look good on a desktop computer, iPhone, iPad, or any of the other devices that people carry around in their pockets.

There are four types of responsive design: responsive, adaptive, fluid, and fixed. Each of them fall under the broader category of being “responsive,” yet each has it’s own pros and cons.

How to tell is a website is responsive? One way to test if your site or any site is responsive is just by opening it up in the browser and then doing this, making it smaller. This way you can see if the website looks good at the various widths and sizes.

Check out some responsive design examples:

Learn how to make responsive websites, using a mobile first approach to media queries and popular frameworks like Bootstrap.

STAY TUNED:

[MM-bwlo]

Thank you! Such a simple but visually powerful example!

[callu]

thank you for the explanation! exactly what i wanted to know, not a 10 min video lol

[hades]

I understand it but my question is does being responsive mean it look good when width is very small and hieght is large i mean for every combination of height and width does it look good
??

[benezers]

straight to the point information, cool

[leelomba]

Ugh. You lost me with the silly putty. Not helpful.