Meu processo de marcação de design

  1. Código HTML apenas – Não vá para frente e para trás entre a marcação HTML e CSS. Estruture a página para fazer sentido usando o mínimo de DIVs possível.

  2. Modificar CSS para telefones – Fique fora do HTML e escreva CSS para visualização no telefone de um usuário.

  3. Modificar CSS para tablet – novamente fique fora do HTML e veja até onde posso chegar com o design para visualização em tablet.

  4. Modifique CSS para Desktop – novamente fique fora do HTML e veja até onde posso chegar com o design para visualização em desktop.

  5. Modifique o HTML se necessário e o CSS correspondente para finalizar a página.

  6. Limpar.

Agradeço a Mikael e Travis por me ajudarem a ser tão proficiente aqui.