Entrar Ainda não tem acesso?
2
respostas

Não estou conseguindo posicionar o destaque categoria lista, alguém poderia me ajudar?

Referente ao curso CSS Grid: simplificando layouts, no capítulo Criando o layout da seção de destaques e atividade Estilizando os destaques

por Estudante
| 180.1k xp | 17 posts
.destaques__categorias{
  grid-column: 1/3;
  grid-row: 3/3;
}

.destaques__categorias___lista {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  justify-content: space-between; 
}

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

2 respostas
por Estudante
| 43.3k xp | 115 posts

Oi Estou com mesmo seu caso, aqui não está posicionando como professor mostrou.

.destaques__categorias { grid-column: 1 / 3; grid-row: 3 / 3; }

.destaques__categorias___lista { display: flex; flex-wrap: wrap; height: 100%; justify-content: space-between; } Insira aqui a descrição dessa imagem para ajudar na acessibilidade

por Davi Bernardo Santos de Paula
| 85k xp | 2 posts

Olá, percebi que voces nao estilizaram a categoria de items de acordo com a classe, tentem adicionar este código!!

.destaques__categorias___item {
    align-items: center;
    background: #fdfdfd;
    border-left: 5px solid transparent;
    color: #333333;
    display: flex;
    padding: 1rem;
    width: 50%;
}