Layout de página e responsividade
Grades, colunas, visão mestre-detalhe e layouts de página responsivos a diferentes tamanhos.
Grade de cartões responsiva
Use o CSS Grid para criar cartões com tema de viagem que se reorganizam automaticamente.
Abrir e executarLayout em grid tipo bento para crônica de arquitetura
Conclua o layout em grade estilo bento no cenário do diário de arquitetura: inclua conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em vários tamanhos.
Abrir e executarLayout responsivo de narrativa em tela dividida para crônica de arquitetura
Conclua um layout narrativo em tela dividida em um cenário de diário de arquitetura: com conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.
Abrir e executarLayout clássico de três colunas para publicações de arquitetura
Complete o layout clássico de três colunas no cenário de revista de arquitetura: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em todos os tamanhos.
Abrir e executarPainel da arquitetura do diário de edifícios
Conclua o shell do painel em um cenário de revista de arquitetura: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.
Abrir e executarGrid editorial da revista de arquitetura
Conclua uma grade editorial de revista em um cenário de jornal de arquitetura: inclui conteúdo real, controles operáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarLayout responsivo em cascata do jornal de arquitetura
Conclua um layout em cascata responsivo em um cenário de jornal de arquitetura: inclui conteúdo real, controles operáveis, feedback de estado claro e layout entre diferentes tamanhos.
Abrir e executarLayout com barra lateral fixa do diário de arquitetura
Conclua o layout de barra lateral fixa no contexto de um jornal de arquitetura: inclui conteúdo real, controles operáveis, feedback de status claro e layout adaptável a diferentes tamanhos.
Abrir e executarLayout em faixas de largura total para diário de arquitetura
Conclua um layout full-bleed no cenário de um jornal de arquitetura: inclui conteúdo real, controles interativos, feedback de estado claro e layout em diferentes tamanhos.
Abrir e executarGaleria adaptável de arquitetura de jornal
Conclua a galeria adaptativa no cenário do diário de arquitetura: inclui conteúdo real, controles operáveis, feedback de status claro e layout adaptável a diferentes tamanhos.
Abrir e executarLayout de conteúdo mestre-detalhe de diário de arquitetura
Conclua um layout de conteúdo mestre-detalhe em um cenário de diário de arquitetura: inclua conteúdo real, controles acionáveis, feedback claro de estado e layout entre tamanhos.
Abrir e executarLayout em grade estilo bento do portal da comunidade
Em um cenário de portal da comunidade, conclua um layout em grade estilo bento: inclui conteúdo real, controles operáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.
Abrir e executarLayout narrativo em tela dividida para portal comunitário
Conclua o layout narrativo em tela dividida no cenário do portal da comunidade: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarLayout clássico de três colunas para portal da comunidade
Completar o layout clássico de três colunas em um cenário de portal comunitário: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.
Abrir e executarEstrutura de painel do portal da comunidade
No cenário do portal da comunidade, conclua a estrutura do painel: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarGrade editorial de revista do portal da comunidade
Conclua a grade editorial no cenário do portal da comunidade: com conteúdo real, controles operáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarLayout em cascata responsivo do portal da comunidade
Em um cenário de portal comunitário, conclua o layout em cascata responsivo: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarLayout da barra lateral fixa do portal da comunidade
Conclua um layout com barra lateral fixa no cenário de portal comunitário: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos. É possível ver o resultado online, editar o código-fonte e executar no navegador.
Abrir e executarLayout em largura total e em mosaico do portal da comunidade
Conclua um layout de largura total e conteúdo intercalado em um cenário de portal comunitário: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em diferentes tamanhos.
Abrir e executarGaleria adaptativa do portal da comunidade
Conclua a galeria adaptável no cenário do portal da comunidade: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarLayout de conteúdo principal e secundário do portal da comunidade
Complete o layout de conteúdo mestre-detalhe em um cenário de portal comunitário: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.
Abrir e executarLayout em grade no estilo bento para história visual
Conclua um layout em grade do tipo bento em cenários de narrativa visual: inclui conteúdo real, controles interativos, feedback claro de estado e layout responsivo entre tamanhos de tela.
Abrir e executarLayout narrativo em tela dividida para histórias visuais
Complete o layout narrativo em tela dividida em cenários de histórias visuais: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos de tela.
Abrir e executarLayout clássico de três colunas para narrativa visual
No cenário de narrativa visual, conclua o layout clássico de três colunas: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.
Abrir e executarCarcaça do painel de histórias visuais
Concluir o shell do painel no cenário de narrativa fotográfica: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo em vários tamanhos.
Abrir e executarGrade editorial de revista de história visual
Conclua a grade editorial no cenário de narrativa visual: com conteúdo real, controles interativos, feedback claro de estado e layout em vários tamanhos.
Abrir e executarLayout responsivo em cascata para histórias em imagens
Conclua um layout responsivo em cascata em um cenário de narrativa visual: com conteúdo real, controles acionáveis, feedback claro de estado e layout adaptável entre tamanhos.
Abrir e executarLayout de coluna lateral fixa para ensaio fotográfico
Complete um layout de barra lateral fixa em um cenário de narrativa visual: com conteúdo real, controles operáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarLayout em largura total com intercalamento para narrativa visual
Em cenários de narrativa visual, conclua um layout em largura total com inserções: inclui conteúdo real, controles acionáveis, feedback claro de status e layout adaptável a diferentes tamanhos.
Abrir e executarGaleria adaptativa de histórias visuais
Concluir uma galeria adaptativa em um cenário de narrativa visual: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout em vários tamanhos.
Abrir e executarLayout de conteúdo principal e secundário para história fotográfica
Conclua o layout de conteúdo principal e secundário no cenário de narrativa em imagens: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.
Abrir e executarLayout em grade tipo bento para notas de pesquisa
Em um cenário de notas de pesquisa, conclua um layout em grade bento: com conteúdo real, controles acionáveis, feedback de estado claro e um layout que se adapta a diferentes tamanhos.
Abrir e executarLayout narrativo em duas colunas para notas de pesquisa
Conclua um layout narrativo em tela dividida para cenários de notas de pesquisa: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarLayout clássico de três colunas para notas de pesquisa
Conclua o layout clássico de três colunas em um cenário de notas de pesquisa: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo em diferentes tamanhos.
Abrir e executarShell de dashboard de notas de pesquisa
Em um cenário de notas de pesquisa, complete a estrutura do painel: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout entre tamanhos.
Abrir e executarGrade editorial de revista para notas de pesquisa
Conclua uma grade editorial de revista no cenário de notas de pesquisa: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo em diferentes tamanhos.
Abrir e executarLayout responsivo em mosaico: notas de pesquisa
Complete o layout responsivo em cascata no cenário de notas de pesquisa: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarLayout de barra lateral fixa para notas de pesquisa
Conclua um layout com barra lateral fixa no cenário de notas de pesquisa: inclui conteúdo realista, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarLayout em largura total com inserções para notas de pesquisa
Conclua um layout de largura total com inserções em um cenário de notas de pesquisa: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a vários tamanhos.
Abrir e executarGaleria adaptativa de notas de pesquisa
No cenário de notas de pesquisa, conclua uma galeria adaptável: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout adaptável a diferentes tamanhos.
Abrir e executarLayout principal-secundário de notas de pesquisa
Conclua um layout de conteúdo principal e secundário no cenário de notas de pesquisa: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em diferentes tamanhos.
Abrir e executarLayout em grade tipo bento para documentação de produto
Conclua um layout em grade bento no cenário de documentação de produto: inclua conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarLayout narrativo em tela dividida para documentação de produto
Conclua o layout narrativo em tela dividida no cenário de documentação de produto: inclui conteúdo real, controles interativos, feedback de status claro e layout responsivo em diferentes tamanhos.
Abrir e executarGaleria adaptativa de leitura de arquivos
Conclua a galeria adaptativa no cenário de leitura de arquivo: inclua conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarShell de painel de arquivo de áudio
Conclua o shell do painel no cenário de arquivo de áudio: com conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.
Abrir e executarGrade editorial de revista do centro de cuidados
Concluir uma grade editorial de revista em um cenário de centro de cuidados: com conteúdo real, controles acionáveis, feedback de estado claro e layout em várias dimensões.
Abrir e executarLayout em largura total com interposição para diário de cuidado
Em um cenário de diário de cuidados, conclua um layout em largura total e intercalado: com conteúdo real, controles acionáveis, feedback de status claro e layout adaptado a diferentes tamanhos de tela.
Abrir e executarLayout clássico em três colunas do atlas de arquivos
Em um cenário de atlas de arquivos, conclua um layout clássico de três colunas: inclua conteúdo real, controles acionáveis, feedback de status claro e um layout adaptável a diferentes tamanhos.
Abrir e executarLayout em cascata responsivo do briefing de arquivo
Em um cenário de briefing de arquivo, conclua um layout responsivo em alvenaria: com conteúdo real, controles acionáveis, feedback de status claro e layout adaptado a diferentes tamanhos de tela.
Abrir e executarLayout de conteúdo principal e secundário do manual de arquivo
Conclua um layout de conteúdo mestre-detalhe em um cenário de manual de arquivos: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarLayout de coluna lateral fixa para edição de arquivo
Concluir um layout de barra lateral fixa no cenário de edição especial de arquivo: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarGaleria adaptativa do guia de arquivos
Crie uma galeria responsiva adaptável em um cenário de guia de arquivo: com conteúdo real, controles operáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.
Abrir e executarLayout em grade bento para exposição de arquivo
Crie um layout de grade em estilo bento para uma exposição de arquivos: com conteúdo real, controles interativos, feedback claro de estado e layout responsivo em diferentes tamanhos.
Abrir e executarLayout de dashboard em caderno de arquivo
Conclua o shell do painel no cenário de caderno de arquivo: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarPágina de arquivo e resumo em grade editorial de revista
Complete uma grade editorial de revista no cenário de página de revisão de arquivo: inclui conteúdo real, controles interativos, feedback claro de estado e layout responsivo a diferentes tamanhos.
Abrir e executarLayout de largura total entrelaçado do atlas de cuidados
Conclua o layout de largura total intercalado no cenário do atlas de cuidados: inclua conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarLayout clássico de três colunas do briefing de cuidados
Em um cenário de briefing de cuidados, conclua um layout clássico de três colunas: inclua conteúdo real, controles acionáveis, feedback de status claro e um layout adaptável a diferentes tamanhos.
Abrir e executarLayout responsivo em estilo masonry para manual de cuidados
Criar um layout em mosaico responsivo em um contexto de manual de cuidados: com conteúdo real, controles acionáveis, feedback de estado claro e layout entre tamanhos.
Abrir e executarLayout de conteúdo principal e secundário para a edição especial de cuidados
No cenário da edição especial de cuidados, complete o layout de conteúdo mestre-detalhe: inclui conteúdo real, controles acionáveis, feedback claro de status e layout em vários tamanhos.
Abrir e executarNarrativa em layout dividido do guia de cuidados
Em um cenário de guia de cuidados, conclua um layout narrativo em tela dividida: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo em vários tamanhos.
Abrir e executarLayout de barra lateral fixa para exposição e cuidado
Conclua o layout da barra lateral fixa no cenário de exposição de cuidados: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout entre tamanhos.
Abrir e executarGaleria adaptável do caderno de cuidados
Conclua uma galeria adaptativa no cenário de um caderno de cuidados: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarLayout em grade estilo bento da página de recapitulação de cuidados
Conclua o layout em estilo bento no cenário da página de revisão de cuidados: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout em diferentes tamanhos.
Abrir e executarShell do painel do atlas da sala de aula
Conclua a carcaça do painel no cenário da sala de aula do Atlas: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarGrade editorial da aula de briefing
Concluir a grade editorial de revista em um cenário de briefing de aula: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em vários tamanhos.
Abrir e executarLayout em largura total com inserções para manual de aula
Complete um layout full-bleed em um cenário de manual de sala de aula: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em vários tamanhos.
Abrir e executarEdição especial da sala de aula, layout clássico de três colunas
Conclua o layout clássico de três colunas no cenário de edição especial da sala de aula: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em diferentes tamanhos.
Abrir e executarLayout responsivo em grade de alvenaria para guia de classe
Em um cenário de guia de sala de aula, conclua um layout responsivo em mosaico: inclui conteúdo real, controles interativos, feedback claro de estado e layout responsivo a diferentes tamanhos.
Abrir e executarLayout de conteúdo mestre-detalhe para exposição em sala de aula
Conclua um layout de conteúdo mestre-detalhe em um cenário de exposição em sala de aula: inclui conteúdo real, controles interativos, feedback claro de status e layout entre tamanhos de tela.
Abrir e executarLayout narrativo em tela dividida para o guia da aula
Complete um layout narrativo em tela dividida para o cenário do guia da disciplina: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarLayout lateral fixo do caderno da sala de aula
Conclua um layout com barra lateral fixa em um cenário de caderno de sala de aula: com conteúdo real, controles acionáveis, feedback claro de estado e layout adaptável entre tamanhos.
Abrir e executarGaleria responsiva da página de revisão de aula
Conclua a galeria adaptativa no cenário da página de retrospectiva da aula: com conteúdo realista, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.
Abrir e executarLayout em grade no estilo bento para manual de ambulatório
Conclua um layout em grade tipo bento no cenário de um manual de ambulatório: com conteúdo real, controles operáveis, feedback claro de estado e layout entre tamanhos.
Abrir e executarShell do painel de retrospectiva de eventos
No cenário de retrospectiva de eventos, conclua a estrutura do painel: com conteúdo real, controles acionáveis, feedback de estado claro e layouts responsivos a diferentes tamanhos.
Abrir e executarGrade editorial da revista Atlas do campo
No cenário do atlas de campo, conclua uma grade de edição de revista: inclui conteúdo real, controles operáveis, feedback de estado claro e layout adaptável a vários tamanhos.
Abrir e executarLayout de largura total intercalado para relatório de campo
Conclua um layout em largura total com intercalamento em cenários de relatório de campo: inclui conteúdo real, controles acionáveis, feedback de status claro e layout adaptável a vários tamanhos.
Abrir e executarLayout clássico de três colunas do manual da frota
Complete um layout clássico de três colunas no cenário do manual da frota: com conteúdo real, controles acionáveis, feedback de estado claro e layout adaptado a diferentes tamanhos.
Abrir e executarLayout em cascata responsivo do atlas do jardim
Numa cenário de atlas de jardim, conclua o layout em mosaico responsivo: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a vários tamanhos.
Abrir e executarLayout de conteúdo mestre-detalhe do briefing do jardim
Conclua um layout mestre-detalhe no cenário de briefing do jardim: com conteúdo real, controles acionáveis, feedback claro de estado e layout adaptado a vários tamanhos.
Abrir e executarLayout narrativo em tela dividida do manual do jardim
No cenário do manual de jardim, crie um layout narrativo em tela dividida: inclui conteúdo real, controles operáveis, feedback de status claro e layout responsivo a diferentes tamanhos.
Abrir e executarLayout de barra lateral fixa do Diário da Estufa
Conclua um layout de barra lateral fixa no cenário do Diário da Estufa: inclua conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarGaleria adaptativa da edição especial do jardim
Conclua uma galeria responsiva no cenário de edição especial de jardim: inclui conteúdo real, controles interativos, feedback de estado claro e layout adaptável a diferentes tamanhos.
Abrir e executarLayout em grid tipo bento para guia de jardim
Complete o layout em grade do tipo bento no cenário de guia de jardinagem: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.
Abrir e executarPainel vitrine do jardim
Concluir a carcaça do painel no cenário da exposição do jardim: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em diferentes tamanhos.
Abrir e executarGrid editorial de revista em caderno de jardim
Concluir a grade editorial de revista em um cenário de caderno de jardim: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em vários tamanhos.
Abrir e executar