Resultados da pesquisa a pedido "css-grid"
Largura do elemento mais largo define a largura de todos os irmãos na linha
Eu já li muitos tutoriais sobre CSS flex boxes e grades de CSS, mas, francamente, não consigo descobrir como fazer essa coisa simples (?). Tudo o que eu quero é que os elementos em um contêiner sejam tão amplos quanto o elemento mais amplo. Eu ...
Filhos de altura igual dos itens da grade
Coma especificação da grade [https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout], Eu entendo como alinhar os filhos de um contêiner de grade, mas quero alinhar elementosdentro as crianças, como se fossem os itens da grade, e não ...
A diferença entre unidades percentuais e fr no CSS Grid Layout
Estou brincando com o CSS Grid Layout e me deparei com uma pergunta para a qual não consigo encontrar uma resposta. Considere o seguinte exemplo: :root { --grid-columns: 12; --column-gap: 10px; --row-gap: 10px; } .grid { display: grid; ...
O texto não está agrupando na grade CSS
Venho experimentando CSS Grid e não consigo encontrar os meios mais eficazes para colocar o texto em um<div> elemento que está posicionado parcialmente em cima de dois outros<div/> elementos. Basicamente, como na imagem abaixo, quero que o texto ...
O que é uma alternativa ao subgrid css?
Estou trabalhando em uma página com um layout bastante simples - basicamente uma tabela de dados, mas usando o layout da grade para que as colunas se ajustem perfeitamente, dependendo do tamanho do conteúdo. Quero tornar as linhas classificáveis ...
Adicionar rolagem a cada coluna no CSS Grid Layout
Quero rolagem separada em cada uma das minhas colunas no meu layout de grade. Atualmente, estou desenvolvendo um aplicativo Web somente móvel. Quero usar um layout de grade diferente para as orientações de retrato e paisagem. A orientação de ...
Como fazer pairar estado na tabela de linhas com layout de grade CSS
Esta é uma tabela criada com o CSS Grid Layout, mas eu tenho um problema com ela, não consigo fazer o estado de pairar em cada linha. Eu só quero usar CSS para isso. Alguém pode me dar uma solução para isso? .table { display: grid; ...
Os itens flexíveis podem ser acondicionados em um contêiner com altura dinâmica?
Eu tenho um problema de caixa flexível. Alguém pode me apontar na direção certa? Pode até ser que a flex-box não consiga resolver essa situação devido à maneira como ela funciona. Quero exibir o conteúdo em 4 colunas. Faça com que o conteúdo ...
Crie uma grade de alvenaria com flexbox (ou outro CSS)
Gostaria de obter um efeito de grade em CSS com elementos que tenham a mesma largura em tamanho, mas não em altura. Eu gostaria que o elemento abaixo estivesse sempre a 50px do inferior, o que for a seguir. Eu tentei com carros alegóricos, mas ...
Como obter itens de grade de diferentes comprimentos para quebrar?
Com orepeat() eauto-fit / auto-fill funções é fácil obter itens de grade para quebrarquando houver um padrão de comprimento definido para as colunas ou linhas. No exemplo abaixo, todas as colunas têm largura mínima de 100px e largura máxima de ...