Grid layout com CSS - Bruno Devx - BR Criativus

post #1351

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:


Link Direto

Compartilhe esse conteudo nas redes sociais ou por mensagem usando o link direto abaixo. Basta copiar.

bruno.art.br/?p=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