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

Modificar alinhamento de conteudo dentro do grid.

Ola! Tenho um grid que quero alinhar o conteudo de cada celula de um jeito diferente. Nao estou conseguindo fazer.

Queria alinhar o

- sec1-text li(1) no topo a esquerda;
- sec1-text li(2) no meio centralizado;
- sec1-text li(3) embaixo a direita;
- os conteudos do sec1-buttons no topo a esquerda;

Coloquei os arquivos em https://gist.github.com/Costafirmo/2121455e1f4d8229825255b46f24a653

Espero que possa me ajudar!! Obrigada!!

1 resposta
solução!

Olá, já tentou utilizar o FlexBox ?

Em cada célula que deseja alinhar você pode colocar as seguintes propriedades CSS:

display: flex;
justify-content: local onde quer alinhar horizontalmente;
align-items: local onde quer alinhar verticalmente;

Por exemplo, caso se deseje alinhar um conteúdo abaixo e à direita, fazemos o seguinte código CSS:

display: flex;
justify-content: right;
align-items: flex-end;

Sempre utilizei flex, no geral cai bem.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software