Devo aplicar media queries?

[codercss 14]

Olá a todos,

 

Pretendo construir este layout: http://i.imgur.com/XkWo4kw.png

 

Estou nesta fase e tenho duas questões:

1. Pretendo que os botões tenham uma determinada largura, por exemplo 150px, e que se disponham na largura da página, quando chegarem ao extremo direito façam quebra de linha. Isso já consegui, com a propriedade dispaly e valor inline-table. Mas como faço para que o grupo de botões fique sempre centrado dentro da tag main? Tentei colocar este grupo de botões dentro de uma tag section, para vai dar ao mesmo. Para que isso seja possível, para que a página tenha esse cuidado, terei que aplicar media queries, certo? Se sim, o que aconselham ler sobre o assunto (Eu ainda estou a começar a perceber a lógica de cascata do CSS);
2. Este cuidado, de o grupo de botões (que pode-se ver como um bloco de botões) ficar centrado dentro da tag main, apenas é possível com a aplicação de media queries? Porque senão terei que me restringir apenas uma largura de página, certo?

Aqui vai o código, os quadrados brancos, dentro do main são as tag <a>: https://jsfiddle.net/e7c67o6c/

[Vinicius Cainelli 17]

Deve.

Aconselho você a estudar um pouco sobre grids css

E se quiser estudar sobre media queries, aqui tem um bom material:

https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries
https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

Caso não tenho um domínio de inglês, pode consultar esse material aqui, que também é ótimo
http://sergiolopes.org/media-queries-conteudo/

Isso acho q responde suas duas perguntas.

[codercss 14]

Olá,

 

Obrigado pelas respostas. Estou adorar ler a matéria do Sergio Lopes. Estou a pensar compar o livro dele: http://sergiolopes.org/livro-web-mobile/ Acha que faço uma boa compra? Ainda se encontra actualizado?

 

Gosto da abordagem dele! Invés de fazer um layout para cada tamanho de tela de cada dispositivo, fazer um layout que caiba em todo lado! Muito bom!

 

Obrigado

[Vinicius Cainelli 17]

Sim, está super atualizado, é uma ótima leitura,

No brasil, o Sergio é uma das melhores referências mobile que temos, pode seguir de olhos fechados.

Boa sorte.

[L. Henrique 179]

Codercss,

Se a sua dúvida foi solucionada, não esqueça de colocar o tópico como "Solucionado". Todos que tiverem uma dúvida semelhante poderão consultar esse material.

Abraços!