Jump to content
Point 3 is truly essential. Media queries based on screen size are too limiting and make very little sense, the available size of an element is what could/should influence its behavior. Device/browser size is one of the influencing element, but there are much better options out there (explicit width on the element or width of its parent fe.)
Also the fact that responsive image syntax does NOT belong in html.