Resultados da pesquisa a pedido "css-grid"
pseudo-elemento agindo como um item de grade na grade CSS
Estou criando um formulário que possui campos obrigatórios. Para marcar como necessário, estou colocando um asterisco (*) como::before elemento e flutuando-o para a direita, para que fique no canto superior direito do campo. O problema que estou ...
Áreas de grade não dispostas corretamente no CSS Grid
Quero criar meu site usando o sistema de grade CSS, mas parece não estar funcionando. Aqui está o meu código: .grid { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; grid-template-areas: "logo faq" "about-us"; } ...
Flexbox, comportamento estranho com CSSGrid
Eu tenho esta situação:https://jsfiddle.net/johnsam/rdtva2fq/ [https://jsfiddle.net/johnsam/rdtva2fq/] Emcromadafunciona bem, veja o seguinte: [/imgs/77Sz0.png] Começa (consulte "PRIMEIRO" e "ÚLTIMO" btn). Boa. EmSafárinão (também com iPad / ...
O CSS Grid Layout não funciona no Edge e no IE 11, mesmo com o prefixo -ms
Estou usando a seguinte marcação HTML para minha grade. <section class="grid"> <article class="grid-item width-2x height-2x">....</article> <article class="grid-item">....</article> <article class="grid-item">....</article> <article ...
CSS Grid tem uma função flex-grow?
Existe um analógico paraflex-grow para ograde [https://developer.mozilla.org/en-US/docs/Web/CSS/grid]propriedade? Gostaria que minhas áreas de grade acomodassem o conteúdo que recebem, mas algumas áreas ocupam mais espaço do que outras ...
Layout de grade css responsivo com itens de largura máxima
Estou procurando uma maneira de gerar automaticamente uma grade, que sempre preencha o espaço disponível, enquantoencolhendoos itens até que outro item possa ser adicionado. A maioria das implementações de grade responsivas usa algo que vincula ...
Fazer um item de grade estender até a última linha / coluna
É possível fazer com que um item de grade abranja da primeira à última linha quando não sei o número de linhas? Vamos dizer que tenho o seguinte html com um número desconhecido de caixas. Como posso fazer o terceiro.box abranger da primeira ...
Layout de alvenaria somente CSS
Preciso implementar um layout de alvenaria bastante comum. No entanto, por vários motivos, não quero usar JavaScript para fazer isso. [/imgs/Z25DI.png] Parâmetros: Todos os elementos têm a mesma larguraOs elementos têm uma altura que não ...
Tornar o contêiner de grade preencher colunas e não linhas
Quero que minha grade preencha verticalmente assim: 1 4 7 2 5 8 3 6 9 ... arbitrary number of additional rows.Em vez disso, preenche horizontalmente assim: 1 2 3 4 5 6 7 8 9Quero especificar o número de colunas na minha grade, não o número de ...
Bug do Safari da altura da linha da grade da CSS
Eu fiz um modelo de grade com linhas de 1fr 1fr 1fr. Na linha do meio, há uma lista de imagens embutidas. No Chrome e Firefox, as imagens respeitam a altura da linha da grade e se adaptam adequadamente. No entanto, no Safari 10.1.2 e no Safari ...