0

Código da -> Section centralizada e bem rápida de ser executada

Guilherme Santana
Guilherme Santana

Boa noite amigos, está aqui o código bem simples da section feita que postei no artigo. Quem não sabe usar algum desses comandos e quer tirar alguma dúvida, não tenha vergonha de perguntar. Todos no site estão aqui pra se ajudar. Quem não viu a section, só entrar no perfil. Boa noite a todos e ótimo trabalho no resto da semana.


0
0

Comentários (3)

1
Leonardo Gomes

Leonardo Gomes

09/06/2021 09:40

Bom dia!

Dica construtiva. Um forma mais simples de centralizar é utilizando a propriedade 'margin', passando 'auto' como valor da medida horizontal. (não funciona para alinhamento vertical)

margin: 0 auto;

E também é possível utilizar as vantagens do flexbox para alinhar vários elementos lado a lado de forma mais simples. Basta transformar a propriedade 'display' do elemento pai em 'flex' e utilizar propriedade de alinhamento horizontal da maneira que mais te agrada, como por exemplo o 'space-between' ou 'space-evenly'.

Ela irá calcular o espaço disponível na página e alinhar todos os elementos filhos de acordo com as propriedades especificadas por você. (pode alinhar os dois eixos, vertical e horizontal mas é necessário passar algumas propriedades)

.elemento-pai{
  display: flex;
  justify-content: space-between;
}

Eu indico o site css tricks para saber mais sobre flexbox. É simples e direto ao ponto. Está em inglês mas é fácil de compreender, a linguagem não é altamente técnica e os exemplos são bem ilustrados. Leia e pratique.

Bons estudos ^^

1
Eduardo Oliveira

Eduardo Oliveira

08/06/2021 22:46

É importante ressaltar que o elemento pai do elemento que usa a position "absolute", deve ter a position com valor "relative", senão ele vai procurar o elemento pai mais alto em sua árvore que possui a propriedade "relative", e se posicionar em relação à ele.

0
Guilherme Santana

Guilherme Santana

08/06/2021 21:31

.container foi a class da section utilizada.

Sou o Guilherme Matos, moro em Santos no litoral de São Paulo. Tenho 18 anos e vivo no mundo da programação. Estou em busca de uma oportunidade de serviço CLT.

Brasil