Faça grades fluidas ou fixas e adicione layouts sob-media, conforme necessário. Alterar as larguras das colunas e das margens e remover ou adicionar colunas conforme necessário.
A grade mantém sua marcação semântica e funciona sem classes “gridx”. A menos que você queira usá-los, então basta incluídos.
Profoundgrid ou Grade Profunda, usa margens negativas para calcular colunas. Ao contrário de outros sistemas, layouts fluidos serão exatamente os mesmos em todos os navegadores.
Quem me conhece sabe que trabalho com WordPress já a alguns anos e depois de usar muitos e muitos temas, pagos e gratuitos, acho que posso dizer qual é meu tema favorito.
O tema em questão é o RESPONSIVE produzido pela galera do CyberChimps. CyberChimps Inc é uma empresa de Temas WordPress sediada em San Francisco, Califórnia, que desenvolve temas WordPress Responsive que você pode confiar.
O Tema Responsive é um tema flexível com sistema de grade fluido que se adapta o seu site para dispositivos móveis e no ambiente de trabalho ou em qualquer outro ambiente de visualização.
Esse tema apresenta:
9 modelos de página,
11 Áreas de widgets,
6 Layouts Modelo,
4 posições de menu
e muito mais.
Poderosa, mas simples, em Opções do Tema existem controles completos com carregamento fácil de Logo, Redes Sociais e Webmaster Tools etc.
Responsive é compatível com WooCommerce, Multilingual Ready (WPML), Suporte RTL-Language, Retina-Ready, Search Engine Friendly, W3C Markup Validado e atualmente traduzido em 45 idiomas. Cross-browser compatível.
Claro que isso não é uma regra, imagina como a internet seria chata se todos fizessem todas as páginas iguais, mas vale a iniciativa que tem uma base sólida sustentada na forma pela qual a leitura humana funciona e outros estudos de tendência de usabilidade.