Bom dia,

Notei que o espaçamento do texto e os botões do meu projeto, não ficaram iguais ao do FIGMA, mesmo seguindo as orientações e os exercícios. Gostaria de uma ajuda, para identificar onde está o erro no código. Inseri o padding: 21,5 0;, na tag âncora .apresentacao__links__link, mas não teve efeito.

HTML:

Eleve seu negócio digital a outro nível com um Front-end de qualidade!

Olá! Sou Joana Santos, desenvolvedora Front-end com especialidade em , HTML e CSS. Ajudo pequenos negócios e designers a colocarem em prática boas ideias. Vamos conversar?

    <footer></footer>
  

CSS: @import url('https://fonts.googleapis.com/css2?family=Krona+One&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,600;1,600&display=swap');

• { margin: 0; padding: 0; }

body { height: 100vh; box-sizing: border-box; background-color:black; color: #F6F6F6; } h1{ font-weight: bold; }

.titulo-destaque {color: #22D4FD;}

.apresentacao { margin: 10%; display: flex; /* or inline-flex */ align-items: center; justify-content:space-between;}

.apresentacao__conteudo { width: 615px; height: 482px; }

.apresentacao__conteudo__titulo { font-size: 36px; font-family: "Krona One", sans-serif; } .apresentacao__conteudo__texto { font-size: 24px; font-family: "Montserrat", sans-serif; }

.apresentacao__links { display: flex; justify-content: space-between; } .apresentacao__links__link { background-color: #22D4FD; width: 280px; text-align: center; border-radius: 16px; font-size: 24px; padding: 21,5 0px; text-decoration: none; color: black; font-family: "Montserrat", sans-serif; font-weight: 600; }