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.