Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Modificar alinhamento de conteudo dentro do grid.

Referente ao curso CSS Grid: simplificando layouts

por Carolina Conceicao da Costa
| 39.8k xp | 16 posts

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!
por Arthur Vinicius Koloda
| 177.6k xp | 1 posts

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.