cmoreira

Team Showcase responsive fix

Nov 15th, 2014
217
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.04 KB | None | 0 0
  1. /*
  2. =========================================== IPHONE LANDSCAPE ====
  3. */
  4. @media handheld, only screen and (max-width: 480px) {
  5.  
  6.  
  7. .ts-col_2 { width:99.5%; display: block; clear: both; }
  8. .ts-col_3 { width:99.5%; display: block; clear: both;}
  9. .ts-col_4 { width:99.5%; display: block; clear: both; }
  10. .ts-col_5 { width:99.5%; display: block; clear: both;}
  11. .ts-col_6 { width:99.5%; display: block; clear: both;}
  12.  
  13. .ts-col_2c { width: 99.5%; display: block; clear: both;}
  14. .ts-col_3c { width: 99.5%; display: block; clear: both;}
  15. .ts-col_4c { width: 99.5%; display: block; clear: both;}
  16. .ts-col_5c { width: 99.5%; display: block; clear: both;}
  17. .ts-col_6c { width: 99.5%; display: block; clear: both;}
  18.  
  19.  
  20.  
  21. }
  22.  
  23.  
  24.  
  25. /*
  26. ============================================ IPHONE PORTRAIT ====
  27. */
  28. @media handheld, only screen and (max-width: 320px) {
  29.  
  30. .ts-col_1,
  31. .ts-col_2,
  32. .ts-col_3, .ts-col_3c,
  33. .ts-col_4, .ts-col_4c,
  34. .ts-col_5, .ts-col_5c,
  35. .ts-col_6, .ts-col_6c {
  36. width : 100%;
  37. clear:both;
  38. display: block;
  39. }
  40.  
  41. }
Advertisement
Add Comment
Please, Sign In to add comment