@media (max-width: 480px) { ... }
// Landscape phone to portrait tablet
- @media (max-width: 768px) { ... }
+ @media (max-width: 767px) { ... }
// Portrait tablet to landscape and desktop
- @media (min-width: 768px) and (max-width: 980px) { ... }
+ @media (min-width: 768px) and (max-width: 979px) { ... }
// Large desktop
- @media (min-width: 1200px) { .. }
+ @media (min-width: 1200px) { ... }
</pre>
</div><!-- /.span -->
</div><!-- /.row -->
@media (max-width: 480px) { ... }
// {{_i}}Landscape phone to portrait tablet{{/i}}
- @media (max-width: 768px) { ... }
+ @media (max-width: 767px) { ... }
// {{_i}}Portrait tablet to landscape and desktop{{/i}}
- @media (min-width: 768px) and (max-width: 980px) { ... }
+ @media (min-width: 768px) and (max-width: 979px) { ... }
// {{_i}}Large desktop{{/i}}
- @media (min-width: 1200px) { .. }
+ @media (min-width: 1200px) { ... }
</pre>
</div><!-- /.span -->
</div><!-- /.row -->