loading...
Cover image for [PT-BR] Criando uma galeria com 3 linhas de css

[PT-BR] Criando uma galeria com 3 linhas de css

juligaioso profile image Juliana Gaioso ・1 min read

Sim, é possivel. Para provar, primeiro vou mostrar a galeria pronta:

Agora que você já viu que é possivel, vou explicar o que faz cada parte do código:

display: grid

//Transforma o elemento em um grid container

grid-template-columns: repeat(auto-fit, minmax(100px, auto));

//cria automaticamente a quantidade de colunas necessárias, de forma que acomodem itens de pelo menos 100px de largura.

grid-gap:10px;

//cria um espaçamento de 10px entre as colunas da grid

Basicamente, está pronta a galeria. Se quiser, pode estilizá-la com outros atributos CSS. Por hoje é isso.

Discussion

markdown guide