La cuestión es no triplicar el código, sino sólo cambiar los propiedades que te hagan falta para esa otra "vista".
Por ejemplo, si tienes unas cajas que ocupan un tercio de la pantalla para la versión normal y quieres que luego ocupen todo el ancho en la versión móvil:
Código CSS:
Ver original.box {
float: left;
width: 33%;
padding: 20px;
background: #f0f0f0;
color: #333;
font: 400 1rem/1.4rem 'Monaco', monospace;
border: 2px solid firebrick;
box-sizing: border-box;
border-radius: 5px 10px;
}
@media screen and (min-width: 480px) {
.box {
float: none; /* reset */
width: auto; /* reset */
display: block;
}
}
No vas a repetir colores, bordes, fuentes y demás.
La cosa es que tienes que tener claro cómo quieres tener el sitio, y no ir
a ver cómo va.