Ajustar es que se vea bien en cierto rango. Hay ciertos puntos donde de plano ya no cabe y hay que "rearmar", por ejemplo en un celular nunca vas a ver varias columnas, por lo que para anchos delgados usas una mediaquery que te quite las columnas y veas sólo una, por ejemplo.
Lo de limpio es no saturar de class por aquí, y por allá.
Mira mi ejemplo.
Te pongo otro ejemplo
Un menú puede ser así
Su estilo sin ningún class siquiera puede ser:
Código CSS:
Ver originalnav>ul>li>a {fuente, colores, bloque, etc.}
Hay mucha gente que hace esto:
Código CSS:
Ver original<nav>
<ul class="MenuSuperior">
<li
><a class
="botonmenuprincipal"></li
><li
><a class
="botonmenuprincipal"></li
><li
><a class
="botonmenuprincipal"></li
></ul>
</nav>
Por supuesto si lo necesitas, lo pones, pero nota la diferencia.