Cita:
Iniciado por Rafael 
Pzin, "diseñar primero para pantallas pequeñas" ¿te refieres a pensar en ellas primero, o que una media query pequeña debe de ir al inicio de la hoja de estilos?
Diseñar primero para dispositivos móviles —o con la pantalla pequeña, que ya hay cada móvil que vaya usted a saber lo que es
— y luego incrementar las media-queries usando min-width.
Algo así:
Código CSS:
Ver original@media screen and (min-width: 480px) {}
@media screen and (min-width: 960px) {}
@media screen and (min-width: 1280px) {}
lo de la herencia usualmente es porque cometes algún error o no tienes alguna cosa en cuenta. Por ejemplo ese left que tienes, si luego en lugar de left:0 quieres hacer right:0, te resultará que ocupa el 100%, porque además de right:0 tendrías que poner left:auto.
A veces es un poco lioso. No digo que no.
