Resultados da pesquisa a pedido "css-grid"
Por que a altura do meu elemento Grid não está sendo calculada corretamente?
Estou tendo problemas com a altura de um elemento de grade CSS. O código que estou usando é: .gridContainer { border: thin solid black; background: rgba(255, 0, 0, 0.5); display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; ...
Existe algo que eu possa fazer com a grade implícita que eu não possa fazer com a grade explícita?
Temos a grade implícita comgrid-auto-rows egrid-auto-columns. No entanto, também podemos usargrid-template-rows/grid-template-columns em combinação comrepeat eauto-fit para criar uma grade implícita explícita. Existe algo que possamossó faça ...
Por que o ajuste automático ou o preenchimento automático não estão funcionando corretamente com o minmax?
Não funciona corretamente quando adiciono ajuste automático ou preenchimento automático em vez de um número. grid-template-columns: repeat(auto-fit, minmax(max-content, max-content)); [/imgs/UNgn6.jpg] Mas funciona corretamente quando adiciono ...
Flexbox: flex-start, auto-start e start; Qual é a diferença?
Acabei de notar alguns valores doalign-self propriedade que eu não vi antes. O que sãostart, end, self-starteself-end e quais são suas diferençasflex-start eflex-end? Eu tenho me referido ao guia em ...
Como você recolhe uma linha não utilizada em uma grade CSS?
Portanto, tenho uma pilha simples de três parágrafos no celular que quero estilizar em uma grade em viewports maiores, sem alterar a ordem de origem. A primeira seção pode ter de várias linhas a nenhum conteúdo. Nesse caso, como faço para que a ...
minmax () padronizado como max
Eu tentei definirminmax() para ogrid-template-rows e, curiosamente, o resultado foi que as linhas de grade se estenderam ao máximo dominmax() em vez de min. Como poderíamos fazer com que as linhas da grade permanecessem no tamanho ...
o contêiner rola para o topo quando a altura do elemento filho muda
Me deparei com um comportamento um pouco peculiar. Pelo menos parece peculiar para mim. Você pode conferir aqui:https://fiddle.jshell.net/mxmcd9Lw/8/show/ [https://fiddle.jshell.net/mxmcd9Lw/8/show/] Principalmente quando a altura de um ...
O elemento Absoluto de estouro não é visível dentro do item da grade
Eu tenho 1 x 6 grade. Quero mostrar a alça de redimensionamento ao passar o mouse sobre o item da grade. Para isso, eu tenho 2 div arredondado absolutamente posicionado dentro do item de grade. Coloquei no meio da borda dos dois lados de um item. ...
Como ocultar linhas de grade implícitas?
O snippet abaixo usa CSS Grid para aumentar o número de colunas para contêineres largos. Para recipientes estreitos (por exemplo, descomentewidth: 80vw ou redimensionar o exemplo), ele adiciona linhas implícitas (apenas 2 são explícitas ...
ocultar elementos não especificados em áreas de modelo de grade
Estou tentando entender e trabalhar o meu caminho através da grade cssgrid-template-areas opção. dado este html <div class="wrapper"> <div class="d">D</div> <div class="b">B</div> <div class="c">C</div> <div class="a">A</div> </div>e esse ...