1
resposta

Desafio Agenda concluído

Bom dia, consegui hegar no resultado, porém o botão ver mais não estava de acordo com o Figma. Então usei outras propriedades para alcançar o objetivo. Se estiver errado, ou se tiver outra solução que use o flex, por favor me falem, mas usei margim para poder colocar o botão no lugar.

codigo para alinhamento:

.agenda__lista {
    display: flex;
    flex-wrap: wrap;
    row-gap: 1rem;
    column-gap: 1.5rem;
    justify-content: center;
}

.agenda__item {
    flex-grow: 1;
    display: flex;
    flex-wrap: wrap;
}

.agenda__informacoes, .agenda__atracao{
    width: 50%;
}

código para alterar botão, telas 720:

.agenda__botao {
       margin-left: 31rem;
    }

código para alterar botão, telas 1440:

.agenda__lista{
        justify-content: end;
    }

    .agenda__botao {
        margin: auto;
    }

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

1 resposta

Oi, Matheus, tudo bem?

Parabéns pelo resultado e obrigado por compartilhar no fórum e contribuir com a comunidade!

Continue mergulhando em tecnologia e se tiver dúvidas, conte com o fórum.

Abraços e bons estudos!