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

Lista de exercícios - 4

  • Espaçamento e tamanho dos botões
.apresentacao__links{
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
    font-size: 16px;
    margin: 5px;
}
  • Melhorando a visibilidade dos botões
.apresentacao__links{
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
    font-size: 16px;
    margin: 5px;
}
  • Criando uma classe comum para botões &
  • Ajustando o espaçamento interno dos botões &
  • Importando e aplicando a fonte correta
@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

.apresentacao__links__link{
    background-color: #007bff;
    background-color: #22D4FD;
    width: 280px;
    text-align: center;
    border-radius: 16px;
    font-size: 24px;
    font-weight: 600;
    padding: 21.5px 0;
    text-decoration: none;
    color: #000000;
    font-family: "Montserrat", sans-serif;
}
1 resposta
solução!

Oii!

Paulo, você tá no caminho certo com a organização dos botões e a utilização do Flexbox pra garantir que eles se alinhem corretamente. A estratégia de usar uma classe comum para os botões também é ótima, já que facilita a manutenção e a reutilização do estilo.

Continue firme nos estudos.

Ícone de sugestão Para saber mais:

Escolher cores complementares pode ajudar a criar uma harmonia visual e aumentar a legibilidade.

Se você quiser explorar mais sobre combinações de cores e padrões, pode utilizar ferramentas como:

- Coolors: para criar paletas de cores personalizadas e acessíveis.

- Adobe Color: para experimentar esquemas de cores baseados em diferentes teorias de cor.

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!