keithhayden

<div class="content">
  <article>
    <h1>Hello World!</h1>
    <section>
      <p>Busey ipsum dolor sit amet, consectetur adipiscing elit. All men are failed women at birth. You know when you get the outside genitalia, its like "Oh my god what have they done to me?". Never dip lower than you can dip.</p>		
      <p>Go with the feeling of the nature. Take it easy. Know why you're here. And remeber to balance your internal energy with the environment. It depends on your ability to take a risk on eating something when you dont know what it is. Thats why I enjoy eating in the dark.</p>
    </section>
    <button>Hey, I'm a button</button>
  </article>
</div>

keithhayden

<div id="main-content">
    <ul>
		<li>phone-wide: green, 384px</li>
		<li>tablet-portrait: yellow, 480px to 600px</li>
		<li>tablet-landscape: red, 600px to 768px</li>
		<li>computer: purple, 768px to ?</li>
	</ul>
	<p>
	should turn green at 384px, doesn't change until 480px<br>
    should turn yellow at 480px, doesn't change until 600px<br>

keithhayden

<div id="main-content">
    <ul>
		<li>phone-wide: green, 384px</li>
		<li>tablet-portrait: yellow, 480px to 600px</li>
		<li>tablet-landscape: red, 600px to 768px</li>
		<li>computer: purple, 768px to ?</li>
	</ul>
	<p>
	    should turn green at 384px, doesn't change until 480px<br>
should turn yellow at 480px, doesn't change until 600px<br>