Conversor de cores
Converta HEX, RGB e HSL com transparência, veja a amostra e copie valores CSS prontos para usar.
Gerador de CSS Grid
Monte grades fixas ou adaptáveis com prévia real e exporte CSS e HTML correspondentes.
Sobre a ferramenta
Experimente uma grade de cartões em várias larguras antes de incorporá-la à página.
Como usar
Escolha colunas fixas ou ajuste automático por largura mínima. Configure linhas, espaçamento, alinhamento e itens. Reduza a largura da prévia para testar telas estreitas e exporte CSS e HTML separadamente.
O controle de largura afeta só a prévia. Grades fixas: 1–12 linhas e colunas, espaçamento de 0–80 px e até 48 itens. Acrescente seu conteúdo e seus estilos ao código.
Perguntas frequentes
Como adaptar a quantidade de colunas à largura?
Escolha ajuste automático e uma largura mínima de coluna. A saída usa auto-fit e minmax. A largura simulada da prévia não é exportada.
Por que aparecem mais linhas do que configurei?
O número de linhas define as trilhas explícitas, não a quantidade máxima de itens. Uma grade fixa de 3 colunas e 2 linhas tem 6 células iniciais; um sétimo item cria uma linha implícita. Reduza a quantidade de itens se quiser que a prévia tenha exatamente essas seis células.
Ferramentas relacionadas
Abre em uma nova aba
Comentários
0