Pozdrav,
Zanima me koje raspone uzimate da bi obuhvatili smartphonove,tablete itd?
Ja osobno sam uzimao od 320 do 640 za smartphonove, do 1024 ( + kombinacija vert./horiz. ) za tablete i iznad za desktop.
Našao sam i ovaj link gdje je opisano koji su media query dobri, no zanima me vaše mišljenje.
Ne uzimaš nikakve.
Gdje ćeš i kada koristit Media Query određuješ prema layout-u odnosno gdje vidiš da nešto izgleda preusko ili gdje je broj slova po jednom redu premalen…itd. Ima previše tih veličina ekrana i nemoguće je to pokrit na taj način da ciljaš. Samo umanji ili povećaj browser window(ili ako možeš odmah testiraj na pravim uređajima) ovisno dali radiš desktop down ili mobile first i gdje ti se čini da je layout u banani ubaci media querie i to je to.
Radim i responsivni dio, samo me zanimalo vaše mišljenje : )
Isto tako moraš paziti na pixel ratio 
Da , drži se SVG-a i Simbol fontova gdje možeš , a za slike mozeš koristit picture element ili srcset(Chrome i Opera podrzavaju) i kao Polyfill koristi http://scottjehl.github.io/picturefill/