RWD Techniques May 15th, 2013

  • box-sizing: border-box; will take padding into account so 100% width doesn’t spill off the page and 100px item with 10px padding stays at 100px instead of 120px…  The padding is counted inside the width… [NOTE: May need vendor prefixes and IE hack]
  • % values for widths… target(px)/context(px) = result%)
  • Media queries

Resources

http://www.youtube.com/watch?feature=player_embedded&v=wDdrI7N-mWM