I'm utilising media queries to create a responsively designed website. However, I am unable to take a good breadth set.
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.
For now, I'm using this :
Mobile First
@media screen and (min-width:720px) => Phablet
@media screen and (min-width:768px) => Tablet
@media screen and (min-width:1024px) => Desktop
Thank you for any advice or recomendations !