break points

Core principles to follow for web page layout: Appropriate break points for the most popular devices…phones, tablets/laptops & PCs are: Smart phone < 768px < Tablet < 1023px < Desktop Example: @media only screen and (max-width: 768px){ /* CSS rules to apply to smart phones goes here */ }