post

Grid layout com CSS

Publicado em: 05/01/2022 / Atualizado em: 05/01/2022

Categorias: BlogCSS

CSS Grid Layout introduz um sistema bi-dimensional de grid (literalmente “grades”) para CSS. Grids podem ser usados para o design de layouts de grandes seções de uma webpage, assim como de pequenos elementos de interface. Esse artigo apresenta o CSS Grid Layout e a terminologia que é parte da especificação CSS Grid Layout Level 1. As funcionalidades demonstradas neste resumo serão posteriormente explicadas em maiores detalhes nas demais seções desse guia.

<div class="wrapper">
   <div>1</div>
   <div>2</div>
   <div>3</div>

</div>

<style>
.wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
</style>

Fonte: https://developer.mozilla.org/pt-BR/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout

Publicações recomendadas:

Inscreva-se em Nossa News:

Seja notificando sempre que tiver conteúdo novo disponível no meu canal do Youtube ou artigo no meu Blog.

Bruno Devs News

Link Curto para Compartilhamento

Compartilhe esse conteudo nas redes sociais ou por mensagem usando o link curto abaixo. Basta clicar em cima do link para copiar.

bruno.art.br/pb/1351

ID de Referência: 1351

Sugira uma publicação

Envie uma mensagem e sugira um publicação sobre um assunto que tenha dificuldades de resolver.

Clique aqui e entre em contato


Comentários