Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Sugestão] Tópicos mais similar ao Figma

Olá pessoal, fiz o css dos tópicos um pouco diferente que resultou em uma visualização mais parecida com o Figma, segue:

.topicos {
    background: var(--azul-degrade);
    text-align: center;
    padding: 1.5em 0;
}

.topicos__titulo {
    color: var(--branco);
    font-weight: 300;
    padding: 0 0 1.5em;
}

.topicos__lista {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.topicos__item {
    background-color: var(--laranja);
    font-size: 14px;
    font-weight: 700;
    margin: 0.5em; 
    padding: 1.5em; 
}

.topicos__link {
    color: var(--branco);
    text-decoration: none;
}

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

1 resposta
solução!

Oi Paulo, tudo bem?

Parabéns por praticar! Ficou muito bom mesmo :D

E muito obrigada por compartilhar com a gente o seu código, com certeza vai ajudar outras pessoas!

Um abraço e bons estudos.