Layout para uma lista de artigos

Neste exemplo fazemos uma grelha simples, de duas colunas. O espaço entre os posts é dado com grid-gap: 40px para espaçamento em cima e em baixo; 20px de espaçamento lateral.

Estamos a usar uma cor para cada categoria, para ajudar a distinguir cada uma.

Ao elemento main, que contém todo o conteúdo deste exemplo, demos uma largura de 90% e definimos 80rem como largura máxima.