<commit_before>[Week 2 Home](../)

# U1.W2: Responsive Web Design - Pairing Challenge!

## Learning Competencies
- Describe responsive design
- Determine good and bad practices in responsive design
- Convert a small site to become responsive responsive
- Compare responsive design and fluid layouts


## Summary

It is almost impossible to ignore responsive design in today's web development scene. It is a very popular buzzword and for good reason. With the mobile and tablet market rising and more people accessing the web via mobile devices, according to the [Pew survey on cell phone access and usage](http://www.pewinternet.org/fact-sheets/mobile-technology-fact-sheet/), it is important that your website be usable on screens of all sizes.

The key to this is something call media queries, which allow you to change CSS styles based on screen width and height, color, aspect ratios an many others [MDN media queries resource](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries).


## Release 0: Research

Let's get a good foundation by looking at some good resources available about responsive and fluid design:

- [Beginners guide to responsive web design](http://blog.teamtreehouse.com/beginners-guide-to-responsive-web-design) - Team Treehouse has a great series about building a responsive website if you want to start a subscription with them.
- [UXer asks the difference between fluid and responsive design](http://ux.stackexchange.com/questions/24406/what-is-the-exact-difference-between-fluid-and-responsive-design)<commit_msg>modified competency<commit_after>[Week 2 Home](../)

# U1.W2: Responsive Web Design - Pairing Challenge!

## Learning Competencies
- Describe responsive design
- Determine good and bad practices in responsive design
- Convert a small site to responsive design
- Compare responsive design and fluid layouts


## Summary

It is almost impossible to ignore responsive design in today's web development scene. It is a very popular buzzword and for good reason. With the mobile and tablet market rising and more people accessing the web via mobile devices, according to the [Pew survey on cell phone access and usage](http://www.pewinternet.org/fact-sheets/mobile-technology-fact-sheet/), it is important that your website be usable on screens of all sizes.

The key to this is something call media queries, which allow you to change CSS styles based on screen width and height, color, aspect ratios an many others [MDN media queries resource](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries).


## Release 0: Research

Let's get a good foundation by looking at some good resources available about responsive and fluid design:

- [Beginners guide to responsive web design](http://blog.teamtreehouse.com/beginners-guide-to-responsive-web-design) - Team Treehouse has a great series about building a responsive website if you want to start a subscription with them.
- [UXer asks the difference between fluid and responsive design](http://ux.stackexchange.com/questions/24406/what-is-the-exact-difference-between-fluid-and-responsive-design)
{'fraction_non_alphanumeric': 0.0706713780918728, 'fraction_numerical': 0.0057822036620623195, 'mean_word_length': 4.692870201096892, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 2, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3088458', 'n_tokens_mistral': 831, 'n_tokens_neox': 755, 'n_words': 373}