Resultados da pesquisa a pedido "css-grid"
Por que os itens de grade não estão centralizados?
Por alguma razão, dois intervalos de entrada estão centralizando os dois itens principais da grade. Estou assumindo que isso se deve ao estilo DOM da sombra. Este é realmente o caso? Alguém sabe por que os intervalos estão centralizando os ...
Fazer sobreposição de itens de grade
Eu estou tentando alcançar um padrão de grade css onde o cabeçalho está sobrepondo a próxima linha. Eu adicionei um trecho do meu código com o cabeçalho na parte superior, a imagem anexada deve mostrar o que estou tentando alcançar. obrigado ...
Um layout de grade com quadrados responsivos
Estou querendo criar um layout de grade com quadrados responsivos. Eu sinto que deveria ser capaz de fazer isso com o layout CSS Grid, mas com problemas para definir a altura de cada quadrado como igual à largura. Também está tendo problemas ...
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 ...
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 ...
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 ...
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 ...
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 ...