title: Responsive design with media query : screen size?
body: <p>I'm working on responsive designed web site using media queries. But i do not know  how to take a good width set. </p>
  
  <p><img src="https://i.stack.imgur.com/glnqW.png" alt="device resolution table"></p>
  
  <p>As you can see on this table, there is a lot of different resolution even for a single type of device. And as resolution is coming bigger and bigger on mobile device, it is hard to know what design to apply for a specific resolution. </p>
  
  <p>For now, I'm using this :</p>
  
  <p>Mobile First</p>
  
  <p>@media screen and (min-width:720px) => Phablet</p>
  
  <p>@media screen and (min-width:768px) => Tablet</p>
  
  <p>@media screen and (min-width:1024px) => Desktop</p>
  
  <p>Thank you for any advice or recomendations !</p>