A Moni definiu o display como block. O flexbox poderia ser usado ao invés?
A Moni definiu o display como block. O flexbox poderia ser usado ao invés?
Opa Dev, tudo bem?
Ótima pergunta e sim! Poderíamos usar a propriedade flexblox para atingir o mesmo resultado. Porém, sugiro que utilize os mesmos parâmetros fornecidos durante o curso para acompanhar o conteúdo de forma precisa e confiável. Dessa forma, você terá uma base sólida para o seu aprendizado e poderá avançar com mais segurança e conhecimento.
Uma diferença marcante ao usar flex é que futuramente precisamos alinhar nosso texto no centro, para isso podemos usar outra propriedade , como por exemplo, podemos usar o justify-content
, tendo resultado semelhante no da aula. Exemplo de como ficaria o código:
.container__botao {
background-color: var(--botao-azul);
border-radius: 5px;
padding: 1em;
color: var(--branco-principal);
display:flex;
justify-content: center;
}
Se precisar de ajuda fico à disposição.
Tenha um bom dia e bons estudos.
Entendi! Foi uma curiosidade. Na aula seguinte, a Moni usou o display grid, daí caiu a ficha de que existem várias possibilidades para chegar a um resultado e que o caminho é longo rs...