Duvida na Aula 2 atividade 5. | CSS Grid: simplificando layouts

Solucionado (ver solução)

Solucionado
(ver solução)

1
resposta

Referente ao curso CSS Grid: simplificando layouts, no capítulo Criando o layout da seção de destaques e atividade Estilizando os destaques

por Igor Joviano Serafim de Oliveira

| 145.5k xp | 3 posts

    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    1rem;

Não foi esclarecido na aula pra que servem...

1 resposta

solução!

por Diego Rodrigues Cravo Teixeira

| 168k xp | 361 posts

29/12/2019

Olá, o display especifica o comportamento de exibição (o tipo de caixa de renderização) de um elemento. Existem mais de 20 valores possíveis para o display, inclusive o flex, que exibe um elemento como um contêiner flexível no nível do bloco flex-wrap especifica se os itens flexíveis devem quebrar ou não. justify-content alinha os itens do contêiner flexível quando os itens não usam todo o espaço disponível no eixo principal (horizontalmente). Existem 7 valores possíveis para ele e no space-between, os itens são posicionados com espaço entre as linhas. Acredito que avançando no curso esses itens vão sendo esclarecidos.